菜鸟教程
Reference HTML reference

HTML input 参考

<input> 是 HTML 中最常用的表单控件。它通过 type 切换文本、邮箱、密码、数字、日期、文件、复选框等输入模式。

语法

html 
<label>
  邮箱
  <input name="email" type="email" required autocomplete="email">
</label>

常用属性

属性 说明
type 输入类型，例如 text、email、password、file
name 字段名，提交表单和 FormData 依赖它
value 当前值或默认值
placeholder 输入提示，不应替代 label
required 必填
disabled 禁用，禁用字段不会提交
readonly 只读，字段仍可提交
autocomplete 浏览器自动填充提示

常见 type

html 
<input type="text">
<input type="email">
<input type="password">
<input type="number">
<input type="date">
<input type="file">
<input type="checkbox">
<input type="radio">

常见错误

  • 只写 placeholder，不写可访问的 label。
  • 缺少 name，导致表单提交时字段丢失。
  • 使用 type="number" 处理手机号、邮编等非计算数值，可能丢失前导 0。
  • 误以为 required 足够安全；浏览器校验可以绕过，服务端仍要校验。

相关内容

相关内容