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

相关文章

猜你在找的HTML相关文章

如果想用程序模拟在浏览器中使用百度搜索的结果,最先想到的就是爬虫了,然而,还有一个更简单的方式可以使用,那就行直接使用百度的 API ,返回是 json 格式的数据,简直不要太爽。。。API:https://www.baidu.com/s?wd=apple&amp;pn=1&amp;rn=10&amp;tn=json参数说明:wd:关键词pn : 查询偏移位置(偏移位置对应...
本文目标30分钟内让你明白HTML是什么,并对它有一些基本的了解。一旦入门后,你可以从网上找到更多更详细的资料来继续学习。什么是HTMLHTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,它规定了自己的语法规则,用来表示比"文本"更丰富的意义,比如图片,表格,链接等。浏览器(IE,FireFox等)软件知道HTML语言的语法,可以用
最普通最常用最一般的方法就是用submit type..看代码:    另外,还有一种常用的方法是使用图片:     第三种是使用链接来提交表单,用到了JavaScript的DOM模型:    提交这种方法实际上是调用了一个javascript函数,使用javacript函数来提交表单,方法就非
MathJax是一款运行在浏览器中的开源的数学符号渲染引擎,使用MathJax可以方便的在浏览器中显示数学公式,不需要使用图片。目前,MathJax可以解析Latex、MathML和ASCIIMathML的标记语言。 MathJax项目于2009年开始,发起人有American Mathematical Society, Design Science等,还有众多的支持者,个人感觉MathJax
Ryan Zhao学习、实践、分享GitHub RSSMathjax与LaTex公式简介Mar 3, 2015   #MathJax  #公式  #LaTex  #tutorial 本文从math.stackexchange.com上名为MathJax basic tutorial and quick referenc
转载声明:http://blog.csdn.net/testcs_dn/article/details/44274339目录目录UML序列图简介时序图元素1角色Actor2对象Object3生命线Lifeline4激活期Activation5消息Message时序图结构连接建立的过程呈现效果示例二呈现效果对象顺序
HTML 基本文档文档标题可见文本...基本标签(Basic Tags)最大的标题 . . . . . . . . . . . . 最小的标题这是一个段落。 (换行) (水平线)文本格式化(Formatting)粗体文本计算机代码强调文本斜体文本键盘输入 预格式
按十六进制的值排序单击一个颜色名或者 16 进制值,就可以查看与不同文字颜色搭配的背景颜色。Color NameHEXColorAliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquama