HTML 里的表单用于收集不同类型的用户输入。
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 <form> 来设置，格式如下:
*表单外边框：<fieldset></fieldset>
*表单外标题：<legend></legend>
<form action="后台地址" method="提交方式"></form>
*提交方式：
使用get方式提交时，把表单数据(name1=value1&name2=value2...) 以键值对append到url后，用 '?' 分割url和参数。
使用post方式提交时，把表单数据以键值对放在请求体中传输。
enctype 属性
*<form action="后台地址" method="post" enctype="multipart/form-data"
涉及文件上传时会用到enctype属性(只有 method="post" 时才使用 enctype 属性。)
*application/x-www-form-urlencoded ---默认为该项，就是说，在发送到服务器之前，
所有字符都会进行编码（空格转换为 "+" 加号，特殊符号转换为 ASCII HEX 值）。
*multipart/form-data ---不对字符编码。当使用有文件上传控件的表单时，该值是必需的。
*text/plain ---将空格转换为 "+" 符号，但不编码特殊字符。一般用于传输二进制文件（图片、视频、、、）
*表单元素的通用格式：
*<input type="类型">
文本类型
文本框 text
密码框 password
隐藏域 hidden
多行文本 textarea
选择类型
单选 radio
多选 chickbox
下拉 select
按钮类型
普通按钮 button
提交按钮 submit
重置 reset
其他类型
文件file 图片img 颜色color 日期date
*表单元素的非通用格式：
下拉格式
<select name="" id="">
<option value=""></option>
<option value=""></option>
</select>
在前端设计时要注意用户的感受---即界面友好
所谓的界面友好：
例：
就是当用户在页面点击单选按钮或多选按钮时，由于按钮本身过于渺小不易于用户操作
这时我们可以用 方1 <label></label>或（方2：<input id="名称" type="radio" name="sex">
<label for="名称">女</label><br>）标签，把该单选或多选的文字包一下，这样一来
用户在点击单选或多选的文字区域即可选中该按钮。