【HTML5】HTML5 新增 input 表单属性 ( required 属性 | placeholder 属性 | autofocus 属性 | autocomplete 属性 )

HTML5 引入了一些新的表单属性，以下是三个常用的属性：

1. required 属性：

   此属性指定表单输入字段在提交表单之前必须填写。

<form>
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" required>
  <input type="submit">
</form>

2. placeholder 属性：

   此属性提供一种提示（样本值），描述输入字段预期的值。

<input type="text" id="fname" name="fname" placeholder="Your name here">

3. autocomplete 属性：

   此属性用于表单输入字段，它控制浏览器是否应该自动填充数据。

<form autocomplete="on">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname" autocomplete="on">
  <label for="email">Email:</label>
  <input type="email" id="email" name="email" autocomplete="on">
  <input type="submit">
</form>

以上是 HTML5 中的三个常用表单属性，它们可以提高表单的可用性和校验能力。