HTML(三)_表单标签

1. 表单：
   1. 概念：用于采集用户输入的数据。用于和服务器进行交互。
   2. 使用的标签：form标签，代表用户数据采集的范围
      1. 属性：
         1. action：指定提交数据的URL
         2. method：指定提交方式
            1. 分类：一共7种，2种比较常用
               1. get:
                  1. 请求参数会在地址栏中显示，会封装在请求行中（HTTP协议后讲）
                  2. 请求参数大小是有限制的
                  3. 不太安全
               2. post:
                  1. 请求参数不会在地址栏中显示。会封装在请求体中（HTTP协议后讲）
                  2. 请求参数大小是没有限制的
                  3. 较为安全
      2. 表单项中的数据要想被提交，必须指定其name属性，在<input>后面加
   3. 一般配合使用的标签为：
      1. <input> 代表一个输入文本框
         1. <input type="submit" value="登录">表示一个登录按钮
         2. name属性，让服务器接受的时候知道名字
         3. value属性：在输入前默认给值，但是并不是常见的注册页面中灰色字体，一点就消失的那种
         4. placeholder:提示信息，当输入框内容发生变化，其提示会自动消失，是常见的注册页面中灰色字体，一点就消失的那种
   4. 表单项标签：
      1. input：可以通过type属性值，改变元素展示的样式
         1. type属性：
            1. text：文本输入框，默认值
            2. password：密码输入框，用**显示，更加安全
            3. radio：单选框
               1. 要想让多个单选框实现单选的效果，则多个input单选框的属性值name必须一样
               2. 一般会给每一个单选框提供value属性，指定其被选中后提交的值
            4. checkbox：复选框
               1. 同一类别的多选应该使多个input单选框的属性值name必须一样
               2. 指定每一个input的value值
            5. 不管是什么框子，想要默认被选中，可以在input中加上checked(="checked")
            6. 文件选择框：
               1. 选择图片和文件
            7. hidden：隐藏域，用于提交一些信息的
            8. 按钮：
               1. submit：提交按钮
               2. button：普通按钮
               3. image：指定图标作为按钮，提交按钮
            9. 取色器：color
            10. 日期：用来记录时间日期的
                1. date：用来记录年月日
                2. datetime-local:用来记录年月日时分秒
            11. 邮箱：email 会做一个正则的邮箱判断
            12. 数字：number 可以有箭头增加减少 只能输入数字，不能输入其他类型的数值
      2. select：下拉列表，要在select上面加上name值
         1. option：定义列表项，指定value值，要是想默认选中就加上selected
      3. textarea：文本域，要指定name
         1. cols：列数
         2. rows：行数
      4. label指定输入项的文字描述信息
         1. label的for属性值会和input的id属性值对应，如果对应则点击这个label区域会让input输入框获取焦点