14.按钮和多选框

<p>爱好：
    <input type="checkbox" value="Riding" name="hobby">骑行
    <input type="checkbox" value="experiment" name="hobby">做实验
    <input type="checkbox" value="learn" name="hobby">学习
    <input type="checkbox" value="Playing games" name="hobby">玩游戏
    </p>

上面是多选框的代码，和单选框不同的是，多选框的type=“checkbox”，并且在同一组里可以同时选取多个已有选项，效果如下图

最后，我们按照上图输入的信息提交到指定网址，使用的方式是get，网址提取到信息如下图

如图中所示，没有输入的信息则为空，已选择的多选框则会在后面展示出来

然后是按钮标签，代码如下

<p>按钮：
        <input type="button" name="btn1" value="点击变长">
        <input type="image" src="../resource/image/02.jpg">
    </p>
    <P>
        <input type="submit">
        <input type="reset" value="清空表单">
    </P>

按钮标签有上面4中，最直接的一种就是button，他生成的按钮点击没有直接的效果，需要结合gss进行设置，然后就是图像按钮，他和submit按钮的作用一样，点击之后会把该网页填写的信息提交到（action）指定网址。最后一个reset按钮，它是个重置按钮，点击后会把该页面你填写或选择过的所有信息全部清空。网页展示效果如下图

感谢您的观看，能和您一起学习是我最大的荣幸！

参考学习资料：按钮和多选框——狂神说

下面是我的微信公众号，与csdn同步更新，有需要的朋友可以关注一波~