复习表单类型
注意,checkbox 是个数组,name 得有 []
推荐用 button 代替 input-type:button
form 表单
🌈 onsubmit
<form onsubmit="return submitForm()">
</form>
<script type="text/javascript">
return false;
</script>
- onsubmit 如果 return false 可以阻止默认表单提交
- onsubmit一定会提交表单,如果在 onsubmit 中写了个返回值,它就会先执行这个返回的内容,再去执行默认的表单提交。在上面代码中也就是先执行
return submitForm()
再去执行默认表单提交。
- 问:阻止默认表单提交
- 答:先去执行 onsubmit 返回的内容,然后再去执行默认机制的表单提交。如果一旦 onsubmit 执行的返回内容最终 return false 的话,后边的默认表单提交行为才会被阻止。
- 例如: onsubmit="return undefined/function(){}/0" 诸如此类,都不会阻止最终的默认表单提交行为。只有 return false 才能阻止。
如何理解阻止默认表单提交:
- onsubmit="" : 默认有个隐性的内部 submit() 方法,不填任何东西也会执行
- onsubmit="return submitForm()" :但一旦填了内容,就会先执行你填的内容,再去执行默认内部的 submit()
- 如果自己填的内容最终返回了 false,那么就会阻止最后的默认内部的submit提交
button:submit
以前的混编 - PHP
- 首次加载解析 php 拿不到数据
- 等同步提交刷新后再次加载才拿到数据