如何阻止表单的默认提交事件_Hello World-CSDN博客_阻止form表单提交事件
表单一点击提交按钮(submit)必然跳转页面，如果表单的action为空也会跳转到自己的页面，即效果为刷新当前页。
如下，可以看到一点击提交按钮，浏览器的刷新按钮闪了一下：
如果想要阻止表单的默认提交事件，有以下几种方法：
1.将<input>标签内按钮类型从type="submit"修改为type="button"
2.表单内的<button>未指定类型时，默认的类型为submit，可以显式的修改为<button type="button">来阻止表单提交
3.利用preventDefault()方法：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
function func(event){
event.preventDefault();
}
</script>
</head>
<body>
<form action="">
<input type="submit" value="button" οnclick="func(event)" />
</form>
</body>
</html>
814
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
