HTML 表单
9.1 表单标签
- 主要标签
- <form>：表单容器
- <input>：输入框
- 相关标签
- <textarea>：多行文本框
- <select>、<option>：下拉菜单（组合使用）
- <label>：标题（辅助表单标签），用for和id属性形成映射，点击标题也可选择
9.2 <input>标签属性
- type：控制输入框类型
- 值：
- text-普通文本输入框
- password-密码输入框
- checkbox-复选框
- radio-单选框
- file-上传文件
- submit-提交按钮
- reset-重置按钮
- time-输入当前时间（x时x分）
- week-周数
- color-颜色
- hidden-隐藏控件
- range-范围组件
- image-用图片代替的submit
- ...详情见MDN
MDN https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input
9.3 <input>标签额外属性
- name: 以name为键值对的键名进行提交，将单选框分组
- checked：默认选择（刚载入时就选择）
- disabled：不可选
- placeholder：输入框背景提示语
- multiple：多选（上传文件）
- pattern：对value的约束验证，正则表达式
9.4 下拉菜单属性
- <option>
- selected：默认被选中
- disabled
- <select>
- size：菜单显式项数
- multiple：多选
9.5 练习
9.6 效果预览
