首頁  >  文章  >  web前端  >  HTML 为同一表单设置不同的action_html/css_WEB-ITnose

HTML 为同一表单设置不同的action_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-24 11:25:311431瀏覽

对一张表单,希望通过不同的按钮,将表单值转向不同的页面,然而form中的action值只有一个,不采取某种特殊的方式是肯定不能简单实现的,如下所示:

<form action="" name="form1" >    <input type="text"  name="number" value="1"/>  <input type="hidden" name="goods_id" value="值">    <input type="button" value="-" onclick="form1.action='1.php';form1.submit();" />   <input type="button" value="+" onclick="form1.action='2.php';form1.submit();" />   <input type="button" value="*" onclick="form1.action='3.php';form1.submit();" /></form>

通过将form中的action值设为空,并取nama="form1",然后在表单中的button或者submit中加入onclick="form1.action='1.php';form1.submit();",可以明显看出再这里重新设置了form的action值,并通过form1.submit();进行了跳转,form1为为form取的name,这样通过上述代码中的不同button则可分别将表单值传给不同的页面

注意该方法不能再跳转页面中加入参数,只能是纯页面,也即转向1.php?action=action1是不可以的,若除了想传递text域或其他的内容,需使用,在value中加入所想传递的值

通过如上方法可以使:

  1. 同一个表单数据可通过不同按钮传递给不同页面
  2. 不同按钮可以处理同一个text域
  3. 通过hidden域,也可将不同的表单数据传递给不同页面
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn