如何使用HTML5新表单属性

<form> novalidate属性

它是boolean属性。
用于指定提交时不应验证表单数据(输入)。

<!DOCTYPE html>
<html>
<body>
<form action="default.axpx" novalidate="novalidate">
Enter Email: <input type="email" name="uemail" 
<input type="submit" 
</form>
</body>
</html>

HTML5新表单属性

<form>和<input>在html5中有几个的新属性。

<form>的新属性:

  • autocomplete
  • novalidate

<input>的新属性

  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formnovalidate
  • placeholder
  • required
  • step
  • formmethod
  • formtarget
  • height and width
  • list
  • min and max
  • multiple
  • pattern (regexp)

<form>/<input> 的 autocomplete属性

此自动填充属性定义了表单或者输入字段应打开或者关闭自动完成。

当我们定义自动完成时,浏览器自动完成用户之前输入的值

注意:特定输入字段的自动完成属性也可能是“on”和“off”。

<!DOCTYPE html>
<html>
<body>
<form action="default.aspx" autocomplete="on">
Enter First name:<input type="text" name="fname" <br 
Enter Last name: <input type="text" name="lname" <br 
Enter Email id: <input type="email" name="email" autocomplete="off" <br 
<input type="submit" 
</form>
<p>填写并提交表单,看自动完成是如何工作的</p>
</body>
</html>
日期:2020-04-11 23:04:10 来源:oir作者:oir