HTML 表单：联系表单
html · beginner · 20-25 min · Step 1/6HTML 表单
表单是 Web 应用中最重要的交互元素，用于收集用户输入。
核心元素
<form action="/submit" method="POST">
<label for="email">邮箱</label>
<input type="email" id="email" name="email" required>
<label for="password">密码</label>
<input type="password" id="password" name="password" minlength="8">
<button type="submit">提交</button>
</form>
Input 类型速查
| type | 用途 | 特性 |
|---|---|---|
| text | 普通文本 | 默认类型 |
| 邮箱 | 自动验证格式 | |
| password | 密码 | 隐藏输入 |
| number | 数字 | 只允许数字 |
| tel | 电话 | 移动端弹数字键盘 |
| date | 日期 | 日期选择器 |
| checkbox | 复选框 | 多选 |
| radio | 单选 | 同 name 互斥 |
表单验证属性
required— 必填minlength/maxlength— 长度限制pattern— 正则验证min/max— 数值范围