您现在的位置是:网站首页> 编程资料编程资料
html表单的几种提交方式总结_HTML/Xhtml_网页制作_
2023-11-12
398人已围观
简介 最普通最常用最一般的方法就是用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_网页制作_
- 神之刃召唤师毒伤流搭配攻略_手机游戏_游戏攻略_
- 天天炫斗艾尔布鲁怎么获得? 天天炫斗艾尔布鲁怎么加点? _手机游戏_游戏攻略_
- 天天炫斗升级礼包活动火爆开启 最高送3000_手机游戏_游戏攻略_
- 神之刃亡灵骑士夏卡奥义搭配攻略_手机游戏_游戏攻略_
