HTML

1 表单标签

1. form：表单。属性：
   
   • action：提交表单的url
   • method：GET/POST
     
     1. GET：将提交数据添加至url后。
     2. POST：将提交数据单独发送。
2. fieldset：包含一组表单控件
3. legend：为一组表单控件提供标签。
4. input：搜集用户输入。属性：
   
   • type：控件类型
   • accept：文件类型。accept=".zip,xls"
   • name：打包数据时的key
   • value：打包数据时的value
   • placeholder：type为text时的提示文字。
5. textarea：输入多行文本。
   
   • 属性
   • name：
   • rows：最多输入行
   • cols：每行最多输入列数。
6. select：单/多选菜单，配合option标签使用。
   
   • 属性
   • name：
   • multiple：多选，无值。
7. option：单/多选菜单的选项，配合select标签使用。
   
   • 属性
   • value：选项值。
8. label：为表单控件提供标注。
   
   • 属性
   • for：标记表单控件的id。

2 表单控件name属性

1. 几乎所有可搜集数据的表单控件都有name属性，作为提交数据的key。
2. 可使用required属性控制必填。

3 input标签

input标签都有name和value两个属性。

3.1 text

文本输入控件
<input type="text" maxlength="10">
属性：
1. maxlength：可输入最大长度。

3.2 submit

提交表单数据按钮
<input type="submit" value="提交">
属性：
1. value：按钮文本

3.3 radio

单选控件

<input type="radio" name="booktype" value="it">it类<input type="radio" name="booktype" value="literature"文学类

属性：
1. checked：默认选中
2. name：一个表单中，拥有相同name属性的radio可被浏览器识别为一组单选按钮，即只能选择其中一个。

3.4 checkbox

复选框

<input type="checkbox" name="bookid" value="css">css指南<input type="checkbox" name="bookid" value="html" checked>html指南<input type="checkbox" name="bookid" value="js">js指南

属性：
1. checked：默认选中

3.5 number

数字输入框
<input type="number" min="1" max="50">
属性：
1. min：输入数字最小值
2. max：输入数字最大值

3.6 range

<input type="range" min="1" max="50">
滑块
属性：
1. min：滑动最小值
2. max：滑动最大值

3.7 color

颜色选择控件
<input type="color">

3.8 日期

date - 选择日、月、年
month - 选择月、年
week - 选择周、年
time - 选择时间（时、分）
datetime - 选择时间、日期、月、年（UTC 时间）
datetime-local - 选择时间、日期、月、年（本地时间）

3.9 email

右键输入框
自动验证输入值是否为合法邮箱格式。

3.10 其他

1. tel
2. url
3. password
4. file：文件选择，必须使用post方式。