表单下的botton如何禁止提交

<form action="aaa"><botton onclick = "pp()">按钮</botton>
</form>

button有个type属性，而在form表单下botton的type类型默认成为了submit提交按钮这个属性，所以点击就会跳转页面

禁止跳转只需要改变其type类型即可

<form action="aaa"><botton type="botton" onclick = "pp()">按钮</botton>
</form>

表单下的botton如何禁止提交相关推荐

form表单下的button不设置type会自动提交表单
有时html页面button点击会出现自动提交表单的情况. 后来查资料得知,form表单下的按钮在没有指定type类型的时候,button会有一个默认的type="submit" ...
element-ui表单下拉选项展示来自数据库的内容
elementui表单下拉选项大家都见过吧,选项内容可以自定义,可是如果要展示的是数据库里的内容就需要一点操作. 这是原始的样子: 代码如下: <el-form-item label=" ...
如何让form表单在enter键入时不提交
今天在做我的一个小玩意在线聊天工具的时候 form表单只有一个text和一个button每当我键入enter的时候就刷新.很是郁闷,直接在form上onsumbit=false.才行. 下面是我查询 ...
前端问题：button按钮在form表单的时候会当成submit提交
button按钮在form表单的时候会当成submit提交 input type="button" PS:遇到了一个坑是,button按钮在form表单的时候会当成submit提交 ...
php js 防止重复提交表单,php如何防止form重复提交
php如何防止form重复提交引入cookie机制来解决(推荐学习:PHP编程从入门到精通) 用户提交表单到后端,在 Cookie 中做标记,指定时间内重复提交无效.但是用户禁用 Cookie 这个 ...
表单下拉框、表单修饰符（.lazy、.number、.trim）
表单下拉框知识点 v-model select 表单下拉框绑定 <div id="myApp"><h3>你最喜欢的NBA球星是:</h3>&l ...
提交表单时，post方式无法提交（一种情况）
tomcat6,设置文件上传不限制大小maxPostSize="0" 但是在tomcat7及以后版本,应设置为小于0,如maxPostSize="-1" 否则 ...
留言提交成功页面html,织梦自定义表单自动获取用户IP、提交时间、留言页面的方法...
织梦的自定义表单功能很好用.下面讲解如何利用织梦自定义表单自动获取用户IP.提交时间.留言页面,并转发邮箱. 第一步,在织梦后台新建自定义表单.并添加字段:uname(姓名).utel(电话).uip ...
html表单下拉菜单_HTML表单：下拉菜单
html表单下拉菜单 Drop-down menus are used on forms to capture responses for which there is one correct res ...
element 表单下拉菜单点击上下箭头失效
element 表单下拉菜单点击上下箭头失效使用表单的Form-Item Slot 把label改成下拉菜单,然后点击箭头图标不触发下拉事件解决办法:el-form-item上一定要加上prop ...

表单下的botton如何禁止提交

表单下的botton如何禁止提交相关推荐

最新文章

热门文章