表单是网页交互的核心组件,以下为常见表单元素类型及使用说明:
文本输入框 📝
- 用于输入文本信息
- 支持单行或多行输入
- 示例:
<input type="text" name="username">
密码输入框 🔒
- 与文本框类似,但输入内容会加密显示
- 示例:
<input type="password" name="password">
单选按钮 ☑️
- 用于从多个选项中选择一个
- 示例:
<input type="radio" name="gender" value="male">
复选框 📌
- 允许选择多个选项
- 示例:
<input type="checkbox" name="interests" value="sports">
下拉菜单 📜
- 通过
<select>
标签实现 - 支持默认选项和动态选项
- 示例:
<select name="country"><option value="cn">中国</option></select>
文件上传 📁
- 使用
<input type="file">
实现 - 可限制文件类型和大小
- 示例:
<input type="file" accept="image/*">
隐藏字段 🧾
- 用于存储不需用户直接操作的数据
- 示例:
<input type="hidden" name="token" value="abc123">