HTML表单标签

#表单（input）标签的基本介绍
    
    作用：在网页中收集用户信息的填表效果，如：登录页，注册页

    标签名：input
        --input标签可以通过type属性值的不同，展示不同的效果

    type属性值：
        标签名        type属性值            说明
        input            text                文本框，用于输入单行文本
        input            password            密码框，用于输入密码
        input            radio                单选框，用于多选一
        input            checkbox            多选框，用于多选多
        input            file                文件选择，用于之后上传文件
        input            submit            提交按钮，用于提交
        input            reset                重置按钮，用于重置
        input            button            普通按钮，默认无功能，之后配合js添加功能

单选框常用属性：
            --name：属性对于单选框有分组功能
            --checked：默认选中

    #注意：name属性对于单选框有分页功能，有相同name属性的单选框为一组，一组中只能有一个同时被选中。
    
    #代码示例：西瓜：<input type="radio" name="fuat" id="2" checked>

文件选择常用属性：
            --multiple：多文件选择

        #代码：<input type="file" multiple>

父级标签-表单域：form
    --它用于内部所有的表格标签整体提交或者重置，要被包裹其中的表格标签才行

    #代码：<form action=""> ... </form>

普通（button）按钮常用属性：
        --value：设置按钮文字，其他按钮也可以用

button按钮标签：
    --作用：在网页中显示用户点击的按钮

    --标签名：button

    --type属性值（同input的按钮系列）
        标签名        type属性值            说明
        button        submit            提交按钮，用于提交
        button        reset                重置按钮，用于重置
        button        button            普通按钮，默认无功能，之后配合js添加功能
    
    #注意点：
        --谷歌浏览器的button按钮默认是提交按钮
        --button是双标签，更便于包裹其他内容：文字，图片等

    #代码示例：<button type="button">就这！</button>

select下拉菜单标签：
    --作用：在网页中提供多个选项的下拉菜单表单控件

    --标签组成：
        --select标签：下拉菜单的整体
        --option：下拉菜单的每一项

    --常见属性：
        --selected：下拉菜单默认选中

textarea文本域标签
    --作用：在网页中提供可输入多行文本的表单控件

    --标签名：textarea

    --常见属性：
        --cols：规定了文本域内可见宽度
        --rows：规定文本域内可见行数

    #注意点:
        --右下角可以拖拽改变大小
        --实际开发时针对样式效果推荐用css设置

    #代码示例：<textarea cols="30" rows="10"></textarea>

label标签
    --作用：常用于绑定内容与表单标签之间的关系

    --标签名：label

    --使用方法(2)：

        1. 使用label标签把内容(如:文本)包裏起来

        2.在表单标签上添加id属性

        3.在labe|标签的for属性中设置对应的id属性值

        #代码示例：<input type="radio" name="sex" id="2"><label for="2">女</label>

    --使用方法(2)：

        1. 直接使用label标签把内容(如:文本)和表单标签- 起包裹起来    

        2.需要把labe|标签的for属性删除即可

        #代码示例：<label><input type="radio" name="sex">中性</label>