美文网首页
表单提交

表单提交

作者: 546aa0b8c2ea | 来源:发表于2016-05-28 15:02 被阅读0次

---来源CSDN
今天在研究login.in时发现了一个自己看书时忽略提交方式,form表单提交。
<form action="#" method="post"></form>

顺便查了一下其他form表单提交的方式:

1.最普通最常用最一般的方法就是用submit type
<form name="form" method="post" action="#">
<input type="submit" name="submit" value="提交">
</form>

2.另外,还有一种常用的方法是使用图片:
<form name="form" method="post" action="#">
<input type="image" name="submit" src="btnSubmit.jpg">
</form>

3.使用链接来提交表单,用到了JAVASCRIPT的DOM模型
<form name="form" method="post" action="#">
<a href="javascript:form.submit();">提交</a>
</form>
这种方法实际上是调用了一个javascript函数,使用JavaScript函数来提交表单,可以把它加入到任意一个标签的onclick事件中:
<form name="form" method="post" action="#">
<div onclick="javascript:form.submit();">
<span>提交</span>
</div>
</form>

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

首先定义一个函数
<script type="text/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" onclick="query();" value="查询">
<input type="button" name="update" onclick="update();" value="更新">
</form>
上面一段代码,使用的是普通的按钮,而提交功能的实现方法是在它的onclick事件中调用javascript函数.

相关文章

  • 12、Struts2表单重复提交

    什么是表单重复提交表单的重复提交:若刷新表单页面, 再提交表单不算重复提交.在不刷新表单页面的前提下:多次点击提交...

  • Http的post请求中表单、json提交的请求头、请求体区别

    1、真正的表单提交,http默认的也是表单 python模拟表单提交 2、json提交 python模拟json提交

  • Javascript-表单脚本

    一、表单的基础知识 1、表单提交 普通提交 以编程方式调用submit()方法提交表单 解决表单重复提交的办法:1...

  • FormData

    表单,FormData 对象 表单概述 表单用来收集用户提交的数据,发送到服务器 表单提交 1. 提交 表单里...

  • JAVAWeb(第三周)

    表单提交方式 *使用submit提交 .... *使用button提交表单 -代码 //实现提交方法 functi...

  • Struts2学习笔记 | 防止表单重复提交及自定义拦截器

    表单重复提交的概述 若刷新表单页面,再提交表单不算重复提交。 若是重定向,已经提交成功后再刷新不算重复提交。 以下...

  • 表单

    表单基础 提交表单 Tips: 解决重复提交表单的问题的两个方法1)在第一次提交表单后就禁用提交按钮2)利用ons...

  • JavaWeb (day5)

    1.表单提交方式 使用 submit 提交 使用 button 提交表单 使用超链接提交 onclick :鼠标点...

  • Js表单提交

    1、表单提交 表单提交是刚开始学js的朋友很迷惑的一个问题,怎么提交,怎么阻止默认提交,怎么提交表单不跳转等等问题...

  • HTML 5_CSS 3_JavaScript讲义(二)-HTM

    (1).HTML原有的表单及表单控件 1.表单元素 action:表单提交到的地址method:指定提交表单时发送...

网友评论

      本文标题:表单提交

      本文链接:https://www.haomeiwen.com/subject/rkifdttx.html