表单中的button标签会自动提交表单问题
2017-04-13 09:32
267 查看
【排版不太会】
一开始在表达中用<button onclick="getM()">获取验证码</button><br>这种<button>触发事件,虽然都能正确执行,但是最后会自动提交action="yan1111.html",后来发现需要改成
1.在表单中改成<input type="button" value="获取验证码" onclick="getM()"> 这种button才好用。
2或者把<button>放在表单外面去触发js的方法
原理可以看:http://www.cnblogs.com/achengmu/p/3632558.html
如图:
<form action="yan1111.html" method="post">
<input type="text" id="phoneNum" placeholder="手机号"><button onclick="getM()">获取验证码</button><br>
<input type="text" name="duanxin" placeholder="短信验证码"><br>
<input type="submit" value="提交">
</form>
一开始在表达中用<button onclick="getM()">获取验证码</button><br>这种<button>触发事件,虽然都能正确执行,但是最后会自动提交action="yan1111.html",后来发现需要改成
1.在表单中改成<input type="button" value="获取验证码" onclick="getM()"> 这种button才好用。
2或者把<button>放在表单外面去触发js的方法
原理可以看:http://www.cnblogs.com/achengmu/p/3632558.html
如图:
<form action="yan1111.html" method="post">
<input type="text" id="phoneNum" placeholder="手机号"><button onclick="getM()">获取验证码</button><br>
<input type="text" name="duanxin" placeholder="短信验证码"><br>
<input type="submit" value="提交">
</form>
相关文章推荐
- 表单中的button标签会自动提交表单问题
- form表单里面 button标签自动提交表单的问题
- 在html中点击<button>自动提交表单问题
- form表单下的button按钮会自动提交表单的问题
- form表单下的button按钮会自动提交表单的问题
- form表单下的button按钮会自动提交表单的问题
- 关于form表单底下 button自动提交表单的问题
- form中的button按钮在IE11中自动提交表单问题导致弹出框关闭之后表单被重置
- button自动提交表单问题
- 一个表单里,如果有<button>标签存在,它会自动提交表单
- form表单底下的button按钮点击自动提交恶心问题的解决
- form表单下的button按钮会自动提交表单的问题
- button按钮点击表单自动提交的问题
- form表单下的button按钮会自动提交表单的问题
- form表单下的button按钮会自动提交表单的问题
- form表单下的button按钮会自动提交表单的问题
- form中的button按钮在IE11中自动提交表单问题导致弹出框关闭之后表单被重置
- form中的button按钮在IE11中自动提交表单问题导致弹出框关闭之后表单被重置
- 关于button按钮自动提交表单刷新页面问题
- <button>标签灵异事件原因,异常提交,自动提交表单