form表单的默认行为

摘要:action提交到的url,如果不写action的话,提交表单将重新请求当前页面。如果此时写了method,将按method方法去请求对应的url。请求方法,可选值为GET和POST。

1. action

提交到的url,如果不写action的话,提交表单将重新请求当前页面。如果此时写了method,将按method方法去请求对应的url。

2. method

请求方法,可选值为GET和POST。不填默认为GET请求。

3. 回车行为

输入input点击回车时,会调用type=submit的按钮的点击事件,如果没有这样一个type=submit的按钮,那么就不会提交。

4. 事件绑定

直接在html中绑定事件的话,是无法传递事件对象e的。如果在html里面写e,会报reference error;如果在js里面接收e,e的值是undefined。一个例外是this,如果写this的话,将传递当前dom元素到回调函数。

如果要传递事件函数,请使用addEventListener方法。addEventListener可以对同一事件绑定多个事件处理程序,按照绑定的顺序。该方法第三个参数为true,表示在捕获阶段调用事件处理程序。如果解绑事件处理函数,请使用removeEventListener,并且传递的参数必须是绑定时那个事件处理函数的应用。

5. 阻止默认行为

一、不放置type=submit的按钮,回车不会提交表单。

二、submit按钮的点击事件里面调用preventDefault()。

三、表单的onsubmit事件里面调用preventDefault(),调用的时机在提交按钮之后。


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_10624