HTML表（三）——表单

表单

• 一个完整的表单：
  通常由表单控件（也称为表单元素）、提示信息和表单域3个部分构成
  表单目的是为了收集用户信息

• 提示信息：
  一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。

• 表单域：
  相当于一个容器，用来容纳所有的表单控件和提示信息，
  可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法
  如果不定义表单域，表单中的数据就无法传送到后台服务器

<form action="url地址" method="提交方式" name="">
各种表单控件
</form>

GET 和 POST 的区别
GET在浏览器回退时是无害的，而POST会再次提交请求。
GET请求会被浏览器主动cache，而POST不会，除非手动设置。
GET请求只能进行url编码，而POST支持多种编码方式。
GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。
GET请求大小一般是(1024字节)，http协议并没有限制，而与服务器，操作系统有关，POST理论上来说没有大小限制，http协议规范也没有进行大小限制，
但实际上post所能传递的数据量根据取决于服务器的设置和内存大小
对参数的数据类型，GET只接受ASCII字符，而POST没有限制。
GET比POST更不安全，因为参数直接暴露在URL上，所以不能用来传递敏感信息。

• 表单控件：
  包含表单元素的区域，包含了具体的表单功能项，
  如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等

控件：

1. input控件

<input type="属性值" value="值">
<!-- <input />标签为单标签
type属性设置不同的属性值用来指定不同的控件类型 -->

name和value主要方便开发人员使用，
value 可设置默认的文本值。刚打开表单页面就默认显示的文字
后台可以通过这个name属性找到这个表单，name主要作用就是用于区别不同的表单
name是表单元素的名字，要求单选按钮和复选框都要有各自相同的name值

2. label标签
   label 标签为 input 元素定义标注（标签），用于绑定一个表单元素，
   当点击label标签内文本时，浏览器就会自动将光标转到对应的表单元素去

第一种
  <label> 用户名： 
    <input type="radio" name="usename" value="请输入用户名">   
  </label>
  
  第二种
  <label for="sex">男</label>
  <input type="radio" name="sex"  id="sex">
  for属性应该与相关id属性相同

3. textarea文本域
   通过textarea控件可以轻松地创建多行文本输入框，主要用于留言板
   是双标签，可以显示多行文本
   cols=“每行中的字符数” rows=“显示的行数” 我们实际开发不用（而使用CSS）

<textarea >
    文本内容
  </textarea>

4. select下拉列表
   有多个选项让用户选择，为了节约空间，我们可以使用select控件定义下拉列表
   在option 中定义selected =" selected "时，当前项即为默认选中项

<select>
  
  <option>选项1</option>
  <option>选项2</option>
  <option>选项3</option>
  ...
</select>