html - 为什么表单默认显示红色边框？

Question

我有以下 HTML:

  <form ng-submit="submitForm()"  method="POST">
    <div class="formRow"><input type="email" placeholder="Email" ng-model="form.emailId"  name="email" required></div>
    <button type="submit" ngclick="Submit">Signin</button>

它默认显示红色边框。为什么？

当我在 Firefox 中检查 HTML 时，我看到了这个:

<input type="email" required="" name="email" ng-model="form.emailId" placeholder="Email" class="ng-pristine ng-invalid ng-invalid-required ng-valid-email">

有什么想法吗？

Answer 1

这可能是浏览器高亮显示。在 HTML5 中，我们有表单输入验证，您的输入类型为 email。这就是为什么如果内容不符合 email 字段要求，可能会出现红色边框。

为防止此设置 novalidate 属性到表单。

<form novalidate action="/some/action" method="POST"></form>

希望有所帮助。

novalidate在 W3C 上。