这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
在 form 表单提交中,使用 button 来间接完成 submit 的提交更为灵活。接下来通过本文给大家介绍 JavaScript 在 form 表单中使用 button 按钮实现 submit 提交方法,需要的朋友参考下吧
submit 是 button 的一个特例,也是 button 的一种,它把提交这个动作自动集成了,submit 和 button, 二者都以按钮的形式展现, 看起来都是按钮,所不同的是 type 属性和处发响应的事件上。
在 javaScript 中关于 submit 和 button 的区别介绍
在 form 表单提交中,使用 button 来间接完成 submit 的提交更为灵活。下面是实现方法:
使用 button 按钮实现 submit 提交,需要在 button 标签中的使用 onclick 方法,然后在 JavaScript 中实现具体,代码如下:
- <head>
- <script type="text/javascript">
- function submitBtnClick() {
- document.fileForm.submit();
- }
- </script>
- </head>
- <body>
- <form action="../welcome.jsp" name="fileForm">
- <input type="file" value="请选择图像">
- <button id="submitBtn" onclick="submitBtnClick()">
- 检索
- </button>
- </form>
- </body>
上文代码通过 document 选中 fileForm 表单,然后在调用该表单的 submit 方法即可实现用 button 按钮间接完成 submit 方法的功能,但说到底还是调用 submit 方法。
下面看下 JavaScript 使用 button 提交表单的方法
- <form action="test.html" method="POST">
- <input type="button" value="提交"/>
- </form>
- <!-- 用提交表单,重要 -->
- <script type="text/javascript">
- //定位提交按钮
- var inputElement = document.getElementsByTagName("input")[0];
- //为提交按钮添加单击事件
- inputElement.onclick = function(){
- //定位<form>标签,forms表示document对象中所有表单的集合,通过下标引用不同的表单,从0开始
- var formElement = document.forms[0];
- //提交表单,提交到action属性指定的地方
- formElement.submit();
- }
- </script>
以上所述是小编给大家介绍的 JavaScript 在 form 表单中使用 button 按钮实现 submit 提交方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 phperz 网站的支持!
来源: http://www.phperz.com/article/17/0512/328182.html