前端回顾之FORM表单知识点

1.post和get区别：

字面自已来看，post有传递的意思，get有得到意思，具体使用场景和区别有哪些呢？

关于GET

GET优点：

1.执行效率比POST高
2.可以通过url传递数据，查找的数据的时候会比较方便

GET缺点：

1.安全性很低，因为上传的数据都会显示在url上，所以一般都上传一些无关紧要的数据
2.上传的数据量比较小，不能超过4K（被url长度限制）

关于POST

POST优点：

1.安全性相对来说较高（至少比GET高）
2.上传数据量可以看作没有限制

POST缺点：

1.执行效率比GET低
2.不可以通过url传递数据，有时候想查看数据不太方便

2.label控件

用于绑定一个表单元素，当点击label标签的时候，被绑定的表单元素就会获得输入的焦点，主要用户单选框和复选框
用法一:全局使用

<!-- 点击男这个文本，后面的单选框会被选中 -->
<label>男<input type="radio" name="sex" value="male"></label>

用法二：分开绑定

<label for="man">男</label>
<input type="radio" name="sex" id="man">

3.radio如何分组

比如四个选项，两个分组，只需要两个一对name值相同即可
比如:

    <input type="radio" name="age" id="18"><label for="18">成年</label>
    <input type="radio" name="age" id="no-18"><label for="no-18">未成年</label>
    <input type="radio" name="sex" id="man"><label for="man">男</label>
    <input type="radio" name="sex" id="woman"><label for="woman">女</label>

就能实现radio分组功能

4.select默认选中

如何进行select中默认选中自己的子元素option呢？

<option  name='beijing' > 北京 </option>
<option  name='changzhou' selected> 常州 </option>
<option  name='hefei' > 合肥 </option>

这样就算没有打开select的时候，虽然常州这个选项是第二个，也会默认选择常州的