Form表单

HTML表单标签

1.form表单

表单中有三个属性：

1.action

2.method:get post

默认值get:
(1)数据存在地址栏中，请求参数都在地址后拼接 path?name=张三&password=123456
(2)不安全
(3)效率高
(4)get请求限制大小，限制在2kB，一般用于查询数据
post:
(1)地址栏没有数据，请求参数单独处理，但是可以在开发者工具中看到响应数据
(2)数据相对安全，但不是绝对
(3)效率比较低
(4)post请求大小理论上无限

3.enctype:表示表单的提交类型

 默认值：application/x-www-form-urlencoded  普通表单
        multipart/form-data  多部分表单(一般用于文件上传)
        text/plain 普通文本 

4.form表单中input标签

4.1 text 文本框

4.2 password 密码框，输入数据时显示***

4.3 radio 单选框，name必须相同，value提交给服务器的数据（只能选中一个）

4.4 checkbox 多选框，name必须一致，可以选多个，后台根据name获取时得到数组

4.5 file 上传文件

4.6 hidden 隐藏域，不会显示在界面上

4.7 email 邮箱

5.form表单中按钮

按钮分为4种：button(配合js使用)，submit(将数据提交给后台)，reset(重置)，image(图片提交)

注：

• text，password必须具有name，但不需要value，value为后期用户输入的值

• radio，checkbox必须有name（name要一致）和value值

• 所有的标签都需要有name，后台通过name才能得到该标签，从而获得其值

6.select元素 下拉表单

<select name="city">   <!--select标签添加该属性multiple="multiple"表示多选 、size表示显示的个数--> 
     <!--option表示下拉列表项-->
	<option value="北京">北京</option> 
     <!--selected="selected"表示选中该项-->
	<option value="上海" selected="selected">上海</option>
	<option value="广州">广州</option>
	<option value="杭州">杭州</option>
</select>

7.textarea元素 文本域

<textarea cols="100" rows="5">  表示5行100列的区域可以输入内容，该元素没有value属性

基本标签

<a></a>标签 1.连接跳转    2.锚点链接