您现在的位置是:网站首页> 编程资料编程资料
html表单的几种提交方式总结_HTML/Xhtml_网页制作_
2021-09-13
1144人已围观
简介 最普通最常用最一般的方法就是用submit type,另外,还有一种常用的方法是使用图片,接下来为大家详细介绍下其他的方式,感兴趣的你可以参考下足以轻松应付表单提交
最普通最常用最一般的方法就是用submit type..看代码:
另外,还有一种常用的方法是使用图片:
第三种是使用链接来提交表单,用到了javascript的DOM模型:
这种方法实际上是调用了一个javascript函数,使用javacript函数来提交表单,方法就非常多非常灵活了,比如可以把它加入到任意一个标签的onclick事件中:
但是,如果一个表单里有需要有多个提交按钮怎么办呢?
比如一个表单里的提交按钮所指向的处理页面不同,这样由于表单在定义的时候就已经确定下表单数据的处理页面,所以单纯地在表单里放多个提交按钮是没有办法达到目的的。这就需要javascript。
首先定义一个函数:
通过javascript改变form的action属性值,这样就可以实现多提交按钮而且功能不同了,页面内代码如下:
上面一段代码,使用的是普通的按钮,而提交功能的实现方法是在它的onclick事件中调用javascript函数.
有了上面这几种提交表单的方法,我想差不多够应付复杂的表单了.
复制代码
代码如下:另外,还有一种常用的方法是使用图片:
复制代码
代码如下:第三种是使用链接来提交表单,用到了javascript的DOM模型:
复制代码
代码如下:这种方法实际上是调用了一个javascript函数,使用javacript函数来提交表单,方法就非常多非常灵活了,比如可以把它加入到任意一个标签的onclick事件中:
复制代码
代码如下:但是,如果一个表单里有需要有多个提交按钮怎么办呢?
比如一个表单里的提交按钮所指向的处理页面不同,这样由于表单在定义的时候就已经确定下表单数据的处理页面,所以单纯地在表单里放多个提交按钮是没有办法达到目的的。这就需要javascript。
首先定义一个函数:
复制代码
代码如下:通过javascript改变form的action属性值,这样就可以实现多提交按钮而且功能不同了,页面内代码如下:
复制代码
代码如下:上面一段代码,使用的是普通的按钮,而提交功能的实现方法是在它的onclick事件中调用javascript函数.
有了上面这几种提交表单的方法,我想差不多够应付复杂的表单了.
相关内容
- html的table用法(让网页的视觉效果显示出来)_HTML/Xhtml_网页制作_
- 加粗<b>与<strong>的区别分析_HTML/Xhtml_网页制作_
- iframe如何刷新的三种实现方案_HTML/Xhtml_网页制作_
- html select标签加链接3种方法_HTML/Xhtml_网页制作_
- html 内联元素和html 块级元素概述及区别_HTML/Xhtml_网页制作_
- html中frameset标签无法正常显示原因分析及解决_HTML/Xhtml_网页制作_
- 如何实现框架窗口间的关联及超链接的target属性的使用_HTML/Xhtml_网页制作_
- 浅析html 空格代码_HTML/Xhtml_网页制作_
- html中css三种常见的样式选择器_HTML/Xhtml_网页制作_
- a 中调用js的几种方法整理及使用推荐_HTML/Xhtml_网页制作_
