页面表单提交的几种方式

﹏ヽ暗。殇╰゛Y 2022-05-26 08:30 237阅读 0赞

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

submit提交方式:

<table style="width:0px;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#f7f7f9;border-color:#a7a7a7;text-align:left;"> 2 3 </td> 
 <td style="border-color:#a7a7a7;text-align:left;"> &lt;form&nbsp;name=”form”&nbsp;method=”post”&nbsp;action=”#"&gt;&nbsp; &lt;input&nbsp;type=”submit”&nbsp;name=”submit”&nbsp;value=”提交"&gt;&nbsp; &lt;/form&gt; </td> 
 </tr> 
 </tbody> 
</table>

二,图片的提交页面;

三,使用链接提交表单

用到了javascript的[DOM][]模型

<table style="width:0px;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#f7f7f9;border-color:#a7a7a7;text-align:left;"> 2 3 </td> 
 <td style="border-color:#a7a7a7;text-align:left;"> &lt;form&nbsp;name=”form”&nbsp;method=”post”&nbsp;action=”#”&gt;&nbsp; &lt;a&nbsp;href=”javascript:form.submit();”&gt;提交&lt;/a&gt;&nbsp; &lt;/form&gt; </td> 
 </tr> 
 </tbody> 
</table>

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

<table style="width:0px;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#f7f7f9;border-color:#a7a7a7;text-align:left;"> 1 2 3 4 5 </td> 
 <td style="border-color:#a7a7a7;text-align:left;"> &lt;form&nbsp;name=”form”&nbsp;method=”post”&nbsp;action=”#”&gt;&nbsp; &lt;div&nbsp;οnclick=”javascript:form.submit();”&gt;&nbsp; &lt;span&gt;提交&lt;/span&gt;&nbsp; &lt;/div&gt;&nbsp; &lt;/form&gt; </td> 
 </tr> 
 </tbody> 
</table>

五,自定函数提交表单,

<table style="width:0px;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#f7f7f9;border-color:#a7a7a7;text-align:left;"> 2 3 4 5 6 7 8 </td> 
 <td style="border-color:#a7a7a7;text-align:left;"> &lt;script&nbsp;language=javascript&gt;&nbsp; function&nbsp;query(){&nbsp; form.action=”query.php”;&nbsp; form.submit();}&nbsp; function&nbsp;update(){&nbsp; form.action=”update.php”;&nbsp; form.submit();}&nbsp; &lt;/script&gt; </td> 
 </tr> 
 </tbody> 
</table>

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

<table style="width:0px;"> 
 <tbody> 
 <tr> 
 <td style="background-color:#f7f7f9;border-color:#a7a7a7;text-align:left;"> 1 2 3 4 </td> 
 <td style="border-color:#a7a7a7;text-align:left;"> &lt;form&nbsp;name=”form”&nbsp;method=”post”&nbsp;action=”#”&gt;&nbsp; &lt;input&nbsp;type=”button”&nbsp;name=”query”&nbsp;οnclick=”query();”&nbsp;value=”查询”&gt;&nbsp; &lt;input&nbsp;type=”button”&nbsp;name=”update”&nbsp;οnclick=”update();”&nbsp;value=”更新”&gt;&nbsp; &lt;/form&gt; </td> 
 </tr> 
 </tbody> 
</table>

[DOM]: https://www.baidu.com/s?wd=DOM&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1dBPjw9Pv7WuADkPWDYrAcs0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6KdThsqpZwYTjCEQLGCpyw9Uz4Bmy-bIi4WUvYETgN-TLwGUv3EPW64nHmLrHfLnW6dPWTYPj6Y