Problem with javascript Enter key triggering form submission_Form special effects

For example, for search behavior, you want to directly press the Enter key after entering the keywords to submit the form immediately. For some complex forms, you may want to avoid accidentally pressing the Enter key to trigger the form submission before completing the form filling.

To control these behaviors, there is no need to resort to JS. The browser has already done this for us. Here are a few rules:

If there is a button with type="submit" in the form , the Enter key takes effect.
If there is only one input with type="text" in the form, regardless of the button type, the Enter key will take effect.
If the button is not input, but button, and no type is added, the default is type=button in IE and type=submit in FX.
Other form elements such as textarea and select will not be affected, and the radio checkbox will not affect the triggering rules, but it will respond to the Enter key under FX but not under IE.
The input of type="image" has the same effect as type="submit". I don't know why such a type is designed. It is not recommended. It should be more appropriate to use CSS to add a background image.
In actual application, it is easy to make the form respond to the Enter key. Just make sure there is a button with type="submit" in the form. And what should I do when there is only one text box and I don’t want to respond to the Enter key? My method is a bit awkward, which is to write another meaningless text box and hide it. According to rule 3, when we use buttons, we should try to explicitly declare the type to ensure consistent browser performance.

made a demo (click to view) which lists some examples.

<meta http-equiv="Content-Type" content="text/html; charset=GBK"> <title>submit</title> <h1>This demo demonstrates whether pressing the enter key in the text box triggers form submission</h1> <h2>By default, a text box is submitted, regardless of whether the button type is submit or button</h2> <form action="http://www.jb51.net/search.asp"> <input type="text"> <input type="button" value="鎻愪氦"> </form> <h2>How to avoid submitting a text box by adding a hidden text box</h2> <form action="http://www.jb51.net/search.asp"> <input type="text"> <input type="text" style="display:none"> <input type="button" value="鎻愪氦"> </form> <h2>As long as there is a button of type submit, one text box or multiple text boxes will be submitted</h2> <form action="http://www.jb51.net/search.asp"> <input type="text"> <input type="submit" value="鎻愪氦"> </form> <h2>As long as there is a button of type submit, one text box or multiple text boxes will be submitted</h2> <form action="http://www.jb51.net/search.asp"> <input type="text"> <input type="text"> <input type="submit" value="鎻愪氦"> </form> <h2>When there are multiple text boxes, do not submit, just use a button of type button</h2> <form action="http://www.jb51.net/search.asp"> <input type="text"> <input type="text"> <input type="button" value="鎻愪氦"> </form> <h2>When using the button element, there are different performances in FX and IE</h2> <form action="http://www.jb51.net/search.asp"> <input type="text"> <input type="text"> <button>Submit</button> </form> <h2>Radio and checkbox will also trigger form submission under FX, but not under IE</h2> <form action="http://www.jb51.net/search.asp"> <input type="text"> <input type="radio" name="a"> <input type="checkbox" name="b"> <input type="checkbox" name="c"> <input type="button" value="鎻愪氦"> </form> <h2>A button whose type is image is equivalent to a button whose type is submit</h2> <form action="http://www.jb51.net/search.asp"> <input type="text"> <input type="text"> <input type="image" src="http://www.jb51.net/images/logo.gif"> </form>