html 表单提交的几种方法

编程之家收集整理的这篇文章主要介绍了html 表单提交的几种方法编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

搜索热词

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

<form name=”form” method=”post” action=”#">

    <input type=”submit” name=”submit” value=”提交">

</form>

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

<form name=”form” method=”post” action=”# ">

    <input type=”image” name=”submit” src=”btnSubmit.jpg”>

 

</form>

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

<form name=”form” method=”post” action=”#”>

    <a href=”javascript:form.submit();”>提交</a>

</form>

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

<form name=”form” method=”post” action=”#”>

    <div οnclick=”javascript:form.submit();”>

        <span>提交</span>

    </div>

</form>

但是,如果一个表单里有需要有多个提交按钮怎么办呢?

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

首先定义一个函数

<script language=javascript>

function query(){

form.action=”query.PHP”;

form.submit();}

 

function update(){

form.action=”update.PHP”;

form.submit();}

</script>

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

<form name=”form” method=”post” action=”#”>

    <input type=”button” name=”query” οnclick=”query();” value=”查询”>

    <input type=”button” name=”update” οnclick=”update();” value=”更新”>

</form>

上面一段代码,使用的是普通的按钮,而提交功能实现方法是在它的onclick事件中调用javascript函数.

 

有了上面这几种提交表单的方法,我想差不多够应付复杂的表单了.

总结

以上是编程之家为你收集整理的html 表单提交的几种方法全部内容,希望文章能够帮你解决html 表单提交的几种方法所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢寻找一群志同道合、互帮互助的学习伙伴,可以点击下方链接加入:
编程之家官方1群:1065694478(已满)
编程之家官方2群:163560250(已满)
编程之家官方3群:312128206(已满)
编程之家官方4群:230427597

相关文章

猜你在找的HTML相关文章

使用layer展示弹窗的实现html代码,效果看起来还不错,需要的朋友赶紧用起来。一、效果展示
如果想用程序模拟在浏览器中使用百度搜索的结果,最先想到的就是爬虫了,然而,还有一个更简单的方式可以使用,那就行直接使用百度的 API ,返回是 json 格式的数据,简直不要太爽。。。API:https://www.baidu.com/s?wd=apple&amp;pn=1&amp;rn=10&amp;tn=json参数说明:wd:关键词pn : 查询偏移位置(偏移位置对应...
转载声明:http://blog.csdn.net/marksinoberg/article/details/52875610版权声明:本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。转载时请标注http://blog.csdn.net/marksinoberg.目录(?)[+]ECh
最普通最常用最一般的方法就是用submit type..看代码:    另外,还有一种常用的方法是使用图片:     第三种是使用链接来提交表单,用到了JavaScript的DOM模型:    提交这种方法实际上是调用了一个javascript函数,使用javacript函数来提交表单,方法就非
MathJax是一款相当强悍的在网页显示数学公式的插件。本教程介绍MathJax如何使用LaTeX语法编写数学公式。1.如何插入公式LaTeX的数学公式有两种:行中公式和独立公式。行中公式放在文中与其它文字混编,独立公式单独成行。行中公式可以用如下两种方法表示:\(数学公式\)或¥数学公式¥(要把人民币符号换成美元符号)独立公式可以用如下两种方法表示:
Ryan Zhao学习、实践、分享GitHub RSSMathjax与LaTex公式简介Mar 3, 2015   #MathJax  #公式  #LaTex  #tutorial 本文从math.stackexchange.com上名为MathJax basic tutorial and quick referenc
JS Sequence Diagrams 官网最新下载JS Sequence Diagrams 在线编译和教程jQuery 官网最新下载JS Sequence Diagrams 安装及使用时序图(Sequence Diagram),亦称为序列图或循序图,是一种UML行为图。它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作。它可以表示用例的行为顺序,当执行一个用例行为时,时序图中的每条消
HTML 基本文档文档标题可见文本...基本标签(Basic Tags)最大的标题 . . . . . . . . . . . . 最小的标题这是一个段落。 (换行) (水平线)文本格式化(Formatting)粗体文本计算机代码强调文本斜体文本键盘输入 预格式