HTML5 学习13.按钮和多选框

为了防止Html代码直接显示效果将代码放在Java代码块中

<!--input type="checkbox"
-->
<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="../Resources/image/zhidao.jpg">//图片按钮
    </p>