一、什么是表单 

    给用户填信息的表
    作用：搜集用户的信息  把信息提交到服务器那里面 某个地方

二、 表单标签： <form></form>
       

form 标签里面的属性
      （1）action : 提交到地址 服务器的地址
      （2）method : 提交的方式  电子档 纸

      （注意：所有标签的属性都没有先后顺序 ，属性与属性之间用空格隔开）

三、form中的最重要标签：<input> 标签 （是单标签）

（一）input的type属性：决定这个input的类型
1、text : 明文输入框，输入的内容自己能够看到
2、password : 密码框   
                        disadled  禁用
                        autofocus  自动获取光标  网页一加载的时候鼠标就获取光标  用户就可以直接输入内容
                        maxlength : 输入的最大长度
                        placeholder ： 仅仅只是起提示作用  用户是不能修改
                        value : 默认值 网页一加载的时候input框就有的值  用户可以再去修改的

3、radio 单选框：要有相同的name属性

4、checkbox 多选框：要有相同的name属性
                        name ： 将多个单选框/多选框关联起来 代表这是一类
                        value : 给每一个选项绑定一个值 （选择类型  单选 多选 下拉）
                        checked : 默认被选中

5、file  上传文件
6、reset  重置 ， 将所有的信息还原到刚开始的时候

7、h5 新出来的属性
                    color  拾色器：要有value值；
                    date：年月日

                    datetime-local:年月日时分

                    number：选择数字
                    email：邮箱
                    tel ：电话
                    search ：搜索

四、下拉列表<select ></select >：用户选择类

1、需要配合<option ></option >列表项使用

                name: 提交信息时候设置的属性名
                value : 给每一个列表项绑定一个值

                  size : 可见列表项的数目
            multiple : 支持多选

2、<textarea> 文本域

      rows ： 行
       cols ：列
      一个英文字母占一个1个  一个汉字占两个

3、<button> 按钮
    <button>提交</button>

注意：button 放在form 标签里面就会有默认提交的功能 放在外面就只有样式

方式二：
                用input标签去表示按钮
                <input type="button" value="按钮3">  只有样式
                <input type="submit" value="按钮4">  也有提交的功能

六、特别说明value和name的意义

（一）value : 
1、用在 输入性（text /password）, 给默认值 。网页一加载的时候input框就有的值  用户可以再去修改的
2、（选择类型  单选 多选 下拉） ，给每一个选项绑定一个值 

（二） name : 
1、在单选框 多选框 ，可以将同类型的选择归为一类
2、给每一个值取一个属性名
        

七、<label></label> 标签（重要）

作用：可以和输入框<input>相互关联起来
方法： label 加for属性
            input 加id属性  
            属性值一样