HTML5-单、多选框，按钮

属性	说明
type	指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image和button,默认为text
name	指定表单元素的名称
value	元素的初始值。type为radio时必须指定一个值
size	指定表单元素的初始宽度。当tpye为text或password时，表单元素的大小以字符为单位。对于其他类型，宽度以像素为单位
maxlength	type为text或password时，输入的最大字符数
checked	type为radio或checkbox时，指定按钮是否被选中

单选框标签

    
    <!--单选框标签
    input type="radio"
    value="boy"   单选框按钮
    name="sex"    表示组，一个name表示一个组
    -->
    <p>性别：
        <input type="radio" value="boy" name="sex"/>男
        <input type="radio" value="girl" name="sex"/>女
    </p>

效果：

多选框标签

    <!--多选框标签
    input type="checkbox"
    input必须要配置name,表示一个组
    -->
    <p>爱好：
        <input type="checkbox" value="sleep" name="hobby">睡觉
        <input type="checkbox" value="code" name="hobby">敲代码
        <input type="checkbox" value="chat" name="hobby">聊天
        <input type="checkbox" value="game" name="hobby">游戏
    </p>

效果：

按钮

    <!--按钮
    input type="button"  普通按钮
    input type="image"   图片按钮
    input type="submit"  提交按钮
    input type="reset"   重置按钮
    -->
    <p>按钮：
        <input type="button" name="btn1" value="点击变美">
        <input type="image" src="../resource/image/1.jpg">  <!--图片按钮-->
    </p>
    
    <p>
        <input type="submit">
        <input type="reset" value="清空表单">
    </p>

效果：