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

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

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"属性,则该选项就被默认选中。
如图:

每天进步一点点!加油!

HTML中 单复选框的用法相关推荐

  1. php表单复选传值,jQuery+SpringMVC中的复选框选择与传值实例_jquery

    下面我就为大家分享一篇jQuery+SpringMVC中的复选框选择与传值实例,具有很好的参考价值,希望对大家有所帮助. 一.checkbox选择 在jQuery中,选中checkbox通用的两种方式 ...

  2. php中得到复选框的数据的代码,表单复选框向PHP传输数据的代码

    表单复选框向PHP传输数据的代码 表单复选框就是checkbox 1.checkbox的应用 复制代码 代码如下: 2.由于我传输的是在php循环中产生的数组,因此value也要设成变量: for($ ...

  3. 中添加复选框_Word/excel中在方框中打钩/叉的符号,简单方便快捷

    方法1:插入特殊符号 将光标定位于需要打钩的地方,选择[插入]--[符号]--[其他符号]--更改字体为[Windings2] 方法2:使用快捷键 从上面的截图中可以看到设置快捷键,所以在插入特殊符号 ...

  4. html构建复选框标签,什么标签用于在表单中构建复选框_HTML表单复选框INPUT标签...

    HTML表单复选框标签 在HTML的表单控件中,复选框也是经常使用的控件,它可以让用户选择打勾或不打勾.它使用的也是标签. 一.定义 标签用于表示文本框.密码框.单选框.复选框.文件上传框.普通按钮. ...

  5. 用java设置复选框_Java Swing组件复选框JCheckBox用法示例

    这篇文章主要介绍了Java Swing组件复选框JCheckBox用法,结合具体实例形式分析了Swing复选框JCheckBox简单用法与相关操作注意事项,需要的朋友可以参考下 本文实例讲述了Java ...

  6. 表单复选框提交到mysql_使用表单复选框设置Access数据库表字段

    这样做的一种方法是在Access中使用VBA.在Access中访问VBA控制台的方式是,在表单的设计视图中,右键单击复选框控件并选择" Build Event"从菜单中.确保您的控 ...

  7. 获取jQuery中的复选框值

    如何在jQuery中获取复选框的值? #1楼 尝试这个小解决方案: $("#some_id").attr("checked") ? 1 : 0; 要么 $(&q ...

  8. 在reader中勾选pdf复选框_绝对可勾选的在WORD 2003中加入复选框的方法

    绝对可勾选的在 word 2003 中加入复选框的方法 方法一: 要在 word 2003 中加入复选框,最好是使用"控件工具箱"来完成. 具体方法是: 打开 Word ,依次点击 ...

  9. 在word 2007中插入复选框

    在Word2007中插入复选框Checkbox 2008-10-31 12:06 要在Office 2007中插入复选框,需要先点击"Office按钮"->"Wor ...

最新文章

  1. [转]关于MyEclipse下的项目无法使用BASE64Encoder问题的解决办法
  2. 阈值Java_亲测有效!一种完美动态阈值白平衡算法 Java实现。
  3. html图片上加水印,css给图片添加水印
  4. AngularJS获取项目中定义的json文件
  5. CCF NOI1023 最大跨度
  6. “使用 iNalyzer 分析应用程序的类结构”
  7. Spring整合CXF发布及调用WebService
  8. Fiddler自动保存抓包内容到文件
  9. linux用户个人的环境变量,linux下的变量以及系统和个人环境变量的配置文件
  10. Python中pyserial库
  11. 计算机的内存时序参数,装机用户须知:电脑内存时序基础知识
  12. 暨阳社区创始人游牧:为什么我们要转型?
  13. NVIDIA Jetson TK1学习与开发——手动刷机
  14. 【BZOJ 1716】 [Usaco2006 Dec]The Fewest Coins 找零钱(背包dp)
  15. DAZ STUDIO 快速渲染技巧
  16. Windows 句柄泄露学习总结
  17. 数组算法之“前缀和”
  18. google instant
  19. 成绩忽好忽坏的孩子,往往缺乏良好的学习习惯--一语中的
  20. Java 常见笔试题(转载)

热门文章

  1. Python实现烟花效果,祝大家2021年,牛年大吉。
  2. redis 集群 哨兵
  3. Blender图解教程:给苏珊一头美腻的秀发 之 用曲线实现风格化头发
  4. [4G5G专题-14]:应用层-5G的三大业务应用场景(多、快、好、省)
  5. java微信公众号自动回复文字加图片
  6. 学习Linux目录和文件管理
  7. 谈谈一些感触——自我反思和总结
  8. 2022年第31届中国国际信息通信展览会
  9. word文件损坏打不开如何修复?文件丢失怎么办?
  10. c语言刷题(牛客网)