Question

＆＃34;登录＆＃34; Bootstrap示例附带的示例html表单有一个＆＃34; required＆＃34;登录表单中2个表单字段的属性：

<input type="email" class="form-control" placeholder="Email address" required autofocus>
<input type="password" class="form-control" placeholder="Password" required>

据我所知，这实际上并不强制要求这些字段 - 如果两个字段都为空，您仍然可以在此示例中提交表单。

任何人都可以解释＆＃34;要求＆＃34;属性是为了什么以及如何工作？我认为你需要使用另一个验证插件/ Javascript来实际提交这些字段才能提交表单吗？

Answer 1

必需属性是HTML5表单属性，用于表单内的输入控件。使用required属性将确保在表单提交时填写必填字段，否则浏览器将显示验证错误。

您可以在各种浏览器中尝试this link，并在没有给出输入值时查看消息。

FYI， Internet Explorer 9及更早版本或Safari中不支持输入标记的必需属性。您不需要使用任何特殊的验证插件。它是HTML5新属性的一部分，在提交表单时会被支持的浏览器自动触发。

<form action="">
  Username: <input type="text" name="usrname" required>
  <input type="submit">
</form>

Bootstrap Sign Form示例 - ＆＃34; required＆＃34;属性

1 个答案: