今天针对web前端中的form表单的相关内容展开了学习，学习的内容如下：
1.form标签：与用户进行交互，收集用户信息，form最外层的元素
属性：
action：表单提交时，服务器处理的url地址；
method：表单提交到服务器的方法，主要用到get和post方法；
2.get和post的区别：
(1)url可见性不相同：get请求的参数url可见，post请求的url参数不可见，get通过url直接请求数据，因此数据信息可以在url地址中直接看到，post是将数据放在请求体中，用户无法直接看到；
(2)安全性不同：post的url参数不可见因此安全性会高于get；
(3)get限制form表单数据集是ASCII编码的，而post支持较多字符集；
(4)get请求发送一个TCP数据包，而post请求发送2个TCP数据包；
(5)get传送的数据较小，一般为2kB，而post传送的数据量较大，一般默认不受限制；
(6)在应用上，get常用于从服务器中查询数据，而post则是用于向服务器输入发送信息；
3.元素标签：
input标签：
type对应的属性：
text：单行文本域；
password：密码框，在用户视角会加密；
radio：单选按钮，一组单选按钮的名字相同；
checkbox：复选框；
file：文件选择，用来实现上传的控件；
button：普通按钮；
submit：提交按钮；
reset：重置按钮；
hidden：隐藏表单域；
image：用图片代替submit；
search：产生一个搜索意义的文本框；
email：电子邮箱，有格式限制；
url：网址要求必须是url地址格式；
number：数字类型；
tel：电话号码；
color：颜色选择；
range：滑动条；
date：日期控件；
time：时间控件；
datetime：日期时间控件，chrome和firefox不支持；
datetime-local：日期时间控件，可行；
month：月份选择控件；
week：星期控件；
4.input属性
name：为控件取名，方便后台程序进行值的读取；
id：每个html控件，都可以有唯一的id；
value：对于text、password、hidden等有文本输入的表单域对象、设置默认值。对于radio、checkbox用来向后台传递给定的值。对于reset、submit、button按钮用来定义按钮上的文字；
checked：用于设置单选或复选按钮的初始状态；
size：用于输入类型，设置显示的字符数（一般不不使用）；
maxlength：设置输入类型最大值；
min：定义number类型最小值；
max：定义number类型最大值；
step：定义number类型的分度值；
placeholder：为输入类型设置一个文字提醒；
readonly：设置类型为只读；
disabled：禁止选择控件；
required：要求控件必须有值，输入类型必须有值、选择形必须选中；
autocomplete：是否使用自动完成功能，默认是使用，关闭选择off
tabindex：定义tab键跳过的条数；
autofocus：定义光标自动聚焦到指定控件；
novalidate：取消表单验证效果；
pattern：正则验证；
5.label：input元素有id，使用label标签的for属性，绑定对应的id，就可能实现，点击label，获取相应的控件点击。
html
<div>
性别:
<input type="radio" name="gender" value="man" required id="man">
<label for="man">男</label>
<input type="radio" name="gender" value="woman" required
id="woman">
<label for="woman">女</label>
</div>6.下拉列表：
使用select标签，其中选项，使用option
属性：
select标签属性：
multiple：设置可以多选；
size：列表每次展示选项个数；
option标签属性：
value：真正传入后台服务器的值；
selected：被标示的选项是默认选项；
optgroup标签属性:
label:分组名字；
7.datalist标签：使用datalist,可以实现下拉选项，并能根据用户的输入，进行过滤选择，并且，如果在选择中没有用户需要的，用户可以自行输入值。
html
<input type="text" list="city">
<datalist id="city">
<option label="江苏省南京市" value="南京市"/>
<option label="江西省南昌市" value="南昌市"/>
<option label="江苏省苏州市" value="苏州市"/>
</datalist>8.文本区域标签：使用textarea标签，cols属性设置列，rows属性设置行，通常使用css来控制宽度和高度。默认值写在起始标签和结束标签中间；
9.域容器标签:使用fieldset标签，将一组控件组织在一起，使用一个方框套起来，可以使用样式表来进行整体设计。
legend：域容器的标题；