表单.

1. 表单的作用：主要是用来收集用户在页面输入的数据，并提交到指定的服务器

2. 表单属性
   （1）name：设置表单的名字 ，
   （2）action：用来设置表单数据提交的服务器地址
   （3）method：用来设置表单数据提交的方式
   GET & POST 默认使用GET请求，通常使用POST
   （4）enctype(表单数据的传输方式)：

   默认值 application/x-www-form-urlencoded
   表单数据传输到服务器中，通过 键值对 结构进行传输

   multipart/form-data
   表单数据传输到服务器中，通过 流 的形式传输. 当表单中需要上传文件的时候，必须设置为该值. 如果要进行文件上传、那么 method 必须设置为 POST

   application/json
   表单数据传输到服务器中，通过 JSON格式进行数据传输

3. 表单的组成
   a)表单标签
   b)表单域
   (1)文本框

   <input  type="text" name=" " >
   

   (2)密码框

   <input type="password" name=" ">
   

   (3)单选框(radio 可以通过 checked 属性 默认选中一个元素)

   <input type="radio" value="m" name="sex" checked>男
   <input type="radio" value="f" name="sex">女
   

   (4)复选框

   <input type="checkbox" name="hobby" value="游泳">游泳
    <input type="checkbox" name="hobby" value="爬山">爬山
    <input type="checkbox" name="hobby" value="学Java" checked>学Java
   

   (5)数字框

   <label for="">手机号:</label>
   <!-- step 设置步长，如果设置为 小数，则输入框可以输入 小数点 -->
   <input type="number" name="tel" >
   

   (6)滑块

   <label>成绩:</label>
   <input type="range" min="0" max="100" value="0">
   

   (7)日期框

   <input type="date" name="birth" />
   

   (8)隐藏框

   <input type="hidden" name="project" value="测试"/>
   

   (9)留言框

   <textarea name="info" cols="30" rows="10"></textarea>
   

   (10) 多选框

   <label for="">所属城市:</label>
   <!-- 如果希望下拉列表选中多个元素，添加一个 multiple -->
   <select name="city"  multiple>
   <option value="411000">郑州</option>
   <option value="411100">开封</option>
   <option value="411200" selected>洛阳</option>
   <option value="411300">许昌</option>
   <option value="411400">南阳</option>
   </select> 
   

   (11)文件上传框(可以通过accept 限制上传的类型, multiple 允许多选)

   <input type="file" name="photo" accept="image/*" multiple>
   

   (12)按钮

   <input type="submit" value="注册" />
   <input type="reset" value="重置" />
   <input type="button" value="普通按钮" />