HTML中 单复选框的用法

今天看了看单复选框的用法,感觉很是好玩儿 ,所以赶快来把学会的分享下!

首先,在使用表单设计调查问卷时,为了减少用户的操作,使用选择框是一个不错的选择。

HTML中有两种选择框,分别为单选框和复选框。
两者的区别:单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选。

它的语法:

   <input type="radio/checkbox" value="值" name="名称" checkbox="checkbox"/>

分别说下这几个标签与属性
1、type:

当 type=“radio” 时,控件为单选框

当 type=“checkbox” 时,控件为复选框

2、value:提交数据到服务器的值(后台程序PHP使用)

3、name:为控件命名,以备后台程序 ASP、PHP 使用

4、checked:当设置 checked=“checked” 时,该选项被默认选中

实际操作如图:
在这里插入图片描述

这里面有个需要注意的地方,当然也是我看教程让注意的 哈哈

同一组的单选按钮,name 取值一定要一致,比如上面例子为同一个名称“gender”,这样同一组的单选按钮才可以起到单选的作用。

下拉列表框

下拉列表在网页中也常会用到,它可以有效的节省网页空间。既可以单选、又可以多选。所以我个人认为这个还是很实用的,但是关键看需求把。

先看看怎么使用
1、value:属性值为提交值。< option value=“提交值” >选项< /option>.
2、selected=“selected”:
设置selected="selected"属性,则该选项就被默认选中。
如图:
在这里插入图片描述

每天进步一点点!加油!

  • 7
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值