表单与控件
表单用于向服务器提交数据:form 的 action、method(get/post),控件通过 name 参与提交。
input 常用 type
| type | 说明 |
|---|---|
text / password | 单行文本 / 密码 |
email / tel / url | 带基础格式提示(HTML5) |
number / date / time | 数字与日期时间(兼容性因浏览器而异) |
radio / checkbox | 同组 radio 需相同 name |
file | 文件;常配合 accept、multiple |
hidden | 隐藏域 |
submit / reset / button | 提交 / 重置 / 普通按钮 |
常用属性:value、placeholder、required、disabled、readonly、maxlength、autocomplete、checked(单选/多选默认选中)。
其它控件
textarea:多行文本,rows/cols可作初始尺寸,实际宽高多用 CSS。select+option:下拉;optgroup分组;默认选中selected。label:关联控件for对应id,扩大点击区域,利于无障碍。fieldset+legend:分组表单区块。
控件可以不放在 form 内仍能展示,但 提交 通常需纳入 form 或使用 form 属性指向表单 id。
小结
移动端与可访问性:label、input 类型选对、required 与服务端校验 双端一致(前端仅为体验,不能替代服务端校验)。
