HTML，如何按回车提交表单？_随笔

默认情况下，单个输入框，无论按钮的type="submit"还是type="button"类型，回车即提交。

当type="submit"时，无论有几个type="text"输入框，回车均表示提交。（<button>按钮默认的type为submit）

当type="button"时，且存在多个输入框，回车不提交。（button）

解决方案：

1.解决单个输入框的回车即提交问题，可以增加一个隐藏的input="text"display='none'然后type类型为button。

2.在form表单或input中加入：onkeydown="if(event.keyCode==13){returnfalse}"

1：使用<pre></pre>标签，它是可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title> New Document </title>

</head>

<body>

<pre>

个文本很多的表单，后台提交后，在前端展示，

怎么让回车换行在前端显示有换行的效果？

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。

而文本也会呈现为等宽字体。

</pre>

</body>

</html>

执行结果如下：

欢迎分享，转载请注明来源：内存溢出

HTML，如何按回车提交表单？