JavaScript在form表单中使用button按钮实现submit提交方法

更新时间:2023-06-29 19:59:47 阅读: 评论:0

JavaScript在form表单中使⽤button按钮实现submit提交
⽅法
submit是button的⼀个特例,也是button的⼀种,它把提交这个动作⾃动集成了,submit和button,⼆者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上。
在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 = ElementsByTagName("input")[0];
  //为提交按钮添加单击事件
初中孩子厌学
  lick = function(){滔字组词
  //定位<form>标签,forms表⽰document对象中所有表单的集合,通过下标引⽤不同的表单,从0开始
var formElement = document.forms[0];
//提交表单,提交到action属性指定的地⽅
讲课稿
formElement.submit();
}
党的十六大报告</script>
以上所述是⼩编给⼤家介绍的JavaScript在form表单中使⽤button按钮实现submit提交⽅法,希望对⼤家有所帮助,如果⼤家有任何疑问请给我留⾔,⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持!

本文发布于:2023-06-29 19:59:47,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1068738.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:提交   按钮   表单   实现   事件
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图