form 常规用法，及js控制坑表单无action属性 submit 事件的用法

ASIA_技术

于 2019-01-13 16:45:34 发布

阅读量2.5k

点赞数

分类专栏： HTML+CSS

本文链接：https://blog.csdn.net/qq_32018951/article/details/86424311

版权

10 篇文章 0 订阅

订阅专栏

1.没有绑定submit事件，数据自动加载到整个页面请求上

<form method="post">
  <input type="text" name="username">
  <input type="password" name="pwd">
  <input type = "submit">
</form>

没有action去接收表单数据，点击submit时，会把页面的url地址当成提交地址，自带表单数据，不需要任何js配合

注意查看控制台就会明白刷新页面会带着username和pwd

2.绑定submit事件之后，如果回调函数中手动返回false，会刷新整个页面，这个很重要，事件是绑定在form元素上

3，自动填写属性 autocomplete="off"，必填属性required此属性没有值

关注