首页 > web前端 > html教程 > html表单的几种提交方式总结_HTML/Xhtml_网页制作

html表单的几种提交方式总结_HTML/Xhtml_网页制作

WBOY
发布: 2016-05-16 16:40:18
原创
2671 人浏览过

最普通最常用最一般的方法就是用submit type..看代码:

复制代码
代码如下:





另外,还有一种常用的方法是使用图片:

复制代码
代码如下:





第三种是使用链接来提交表单,用到了javascript的DOM模型:

复制代码
代码如下:

这种方法实际上是调用了一个javascript函数,使用javacript函数来提交表单,方法就非常多非常灵活了,比如可以把它加入到任意一个标签的onclick事件中:

复制代码
代码如下:



提交



但是,如果一个表单里有需要有多个提交按钮怎么办呢?
比如一个表单里的提交按钮所指向的处理页面不同,这样由于表单在定义的时候就已经确定下表单数据的处理页面,所以单纯地在表单里放多个提交按钮是没有办法达到目的的。这就需要javascript。
首先定义一个函数:

复制代码
代码如下:



通过javascript改变form的action属性值,这样就可以实现多提交按钮而且功能不同了,页面内代码如下:

复制代码
代码如下:






上面一段代码,使用的是普通的按钮,而提交功能的实现方法是在它的onclick事件中调用javascript函数.
有了上面这几种提交表单的方法,我想差不多够应付复杂的表单了.
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板