按钮和多选框

按钮和多选框

 

按钮

 

注释：

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/1.jpg">
    <input type="submit">
    <input type="reset">
</p>

 

 

 

 

多选框

注释：

多选框
input type="checkbox


代码：

<p>
    爱好：
    <input type="checkbox" value="sleep" name="hobby"> 睡觉
    <input type="checkbox" value="game" name="hobby"> 游戏
    <input type="checkbox" value="study" name="hobby"> 敲代码
    <input type="checkbox" value="girl" name="hobby"> 女孩
​
</p>