页面表单提交的几种方式

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

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

 

function query(){ 

form.action=”query.php”; 

form.submit();} 

function update(){ 

form.action=”update.php”; 

form.submit();} 

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

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>

 

你可能感兴趣的:(JavaScript)