为什么在表单中默认出现红色边框

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>

希望有所帮助。

W3C上的

novalidate。