Question

现在我有一个带有一个输入和一个textarea的表单，我正在尝试添加输入，但是当我这样做导致表单无法提交时，我通过按Enter键而不是使用按钮提交

当前代码：

＆＃13;

<form method="POST">
Suggestion Subject: <input class="login-input" name="subject"><br> 
Suggestion: 
<textarea class="login-input" rows="8" name="suggestion"></textarea><br>
Username: 
<input class="login-input" type="text" name="name"><br>
Hit the Enter key to submit your suggestion
</form>

＆＃13;

当我添加Suggestion Subject输入时，无法再提交。知道为什么吗？

Answer 1

具有单个输入字段的HTML表单的默认行为是在该字段上按Enter键提交表单。添加更多文本输入后，按Enter键将不再提交表单。要通过回车提交表单，您需要添加提交按钮。如果您不想看到按钮，则可以隐藏它。

Answer 2

添加type =＆＃34; text＆＃34;你的主题领域，如下：

<input class="login-input" type="text" name="subject">

并添加一个这样的提交按钮（这将隐藏在所有浏览器中）：

<input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;"/>

添加表单输入会中断表单

2 个答案: