<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同步更新,有需要的朋友可以关注一波~