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提交⽅法,希望对⼤家有所帮助,如果⼤家有任何疑问请给我留⾔,⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持!