页面表单提交的几种方式

一,简单的表单提交页面;

submit提交方式:

2 3	<form name=”form” method=”post” action=”#">  <input type=”submit” name=”submit” value=”提交">  </form>

二,图片的提交页面;

1 2 3

<form name=”form” method=”post” action=”# ">  <input type=”image” name=”submit” src=”btnSubmit.jpg”>  </form>

三,使用链接提交表单

用到了javascript的DOM模型

2 3	<form name=”form” method=”post” action=”#”>  <a href=”javascript:form.submit();”>提交</a>  </form>

四,使用javacript函数来提交表单,可以把它加入到任意一个标签的onclick事件中

1 2 3 4 5

<form name=”form” method=”post” action=”#”>  <div οnclick=”javascript:form.submit();”>  <span>提交</span>  </div>  </form>

五,自定函数提交表单,

2 3 4 5 6 7 8

<script language=javascript>  function query(){  form.action=”query.php”;  form.submit();}  function update(){  form.action=”update.php”;  form.submit();}  </script>

六,通过添加时间来控制不同按钮的功能,实现页面功能的多样化;

1 2 3 4

<form name=”form” method=”post” action=”#”>  <input type=”button” name=”query” οnclick=”query();” value=”查询”>  <input type=”button” name=”update” οnclick=”update();” value=”更新”>  </form>