HTML 表单属性

<!-- 必填 -->
<input type="text" name="username" required>

<!-- 最小/最大长度 -->
<input type="text" name="code" minlength="6" maxlength="12">

<!-- 最小/最大值（数字和日期类型） -->
<input type="number" name="age" min="18" max="65">

<!-- 正则模式 -->
<input type="text" name="zip" pattern="[0-9]{6}" title="请输入6位数字邮编">

<!-- 步进（数字类型） -->
<input type="number" name="quantity" step="0.5">

<!-- 占位文字（输入前显示，输入后消失） -->
<input type="text" name="search" placeholder="输入关键词搜索...">

<!-- 工具提示（鼠标悬停时显示） -->
<input type="text" name="username" title="请输入 4-20 位字符">

<!-- 自动聚焦 -->
<input type="text" name="username" autofocus>

<!-- 自动填充 -->
<input type="text" name="name" autocomplete="name">
<input type="email" name="email" autocomplete="email">
<input type="tel" name="phone" autocomplete="tel">

<!-- 禁用自动填充 -->
<input type="text" name="captcha" autocomplete="off">

<!-- 拼写检查 -->
<textarea name="comment" spellcheck="true"></textarea>
<!-- spellcheck 也可设为 false 禁用 -->

<!-- 输入建议列表 -->
<input type="text" name="country" list="countries">
<datalist id="countries">
  <option value="中国"><option value="美国"><option value="日本">
</datalist>

<!-- 多选（文件、email 等） -->
<input type="file" name="photos" multiple>
<input type="email" name="recipients" multiple>

<!-- 接受文件类型 -->
<input type="file" name="doc" accept=".pdf,.doc,.docx">
<input type="file" name="photo" accept="image/*">

<!-- 尺寸（仅用于视觉提示，不替代验证） -->
<input type="text" name="code" size="6" maxlength="6">

<!-- 输入模式（移动端弹出对应键盘） -->
<input type="text" name="amount" inputmode="numeric">
<!-- inputmode 可选: text, numeric, decimal, tel, email, url, search -->

<form action="/submit" method="post"
      autocomplete="on"
      novalidate
      target="_blank">
</form>