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"属性,则该选项就被默认选中。
如图:
每天进步一点点!加油!
HTML中 单复选框的用法相关推荐
- php表单复选传值,jQuery+SpringMVC中的复选框选择与传值实例_jquery
下面我就为大家分享一篇jQuery+SpringMVC中的复选框选择与传值实例,具有很好的参考价值,希望对大家有所帮助. 一.checkbox选择 在jQuery中,选中checkbox通用的两种方式 ...
- php中得到复选框的数据的代码,表单复选框向PHP传输数据的代码
表单复选框向PHP传输数据的代码 表单复选框就是checkbox 1.checkbox的应用 复制代码 代码如下: 2.由于我传输的是在php循环中产生的数组,因此value也要设成变量: for($ ...
- 中添加复选框_Word/excel中在方框中打钩/叉的符号,简单方便快捷
方法1:插入特殊符号 将光标定位于需要打钩的地方,选择[插入]--[符号]--[其他符号]--更改字体为[Windings2] 方法2:使用快捷键 从上面的截图中可以看到设置快捷键,所以在插入特殊符号 ...
- html构建复选框标签,什么标签用于在表单中构建复选框_HTML表单复选框INPUT标签...
HTML表单复选框标签 在HTML的表单控件中,复选框也是经常使用的控件,它可以让用户选择打勾或不打勾.它使用的也是标签. 一.定义 标签用于表示文本框.密码框.单选框.复选框.文件上传框.普通按钮. ...
- 用java设置复选框_Java Swing组件复选框JCheckBox用法示例
这篇文章主要介绍了Java Swing组件复选框JCheckBox用法,结合具体实例形式分析了Swing复选框JCheckBox简单用法与相关操作注意事项,需要的朋友可以参考下 本文实例讲述了Java ...
- 表单复选框提交到mysql_使用表单复选框设置Access数据库表字段
这样做的一种方法是在Access中使用VBA.在Access中访问VBA控制台的方式是,在表单的设计视图中,右键单击复选框控件并选择" Build Event"从菜单中.确保您的控 ...
- 获取jQuery中的复选框值
如何在jQuery中获取复选框的值? #1楼 尝试这个小解决方案: $("#some_id").attr("checked") ? 1 : 0; 要么 $(&q ...
- 在reader中勾选pdf复选框_绝对可勾选的在WORD 2003中加入复选框的方法
绝对可勾选的在 word 2003 中加入复选框的方法 方法一: 要在 word 2003 中加入复选框,最好是使用"控件工具箱"来完成. 具体方法是: 打开 Word ,依次点击 ...
- 在word 2007中插入复选框
在Word2007中插入复选框Checkbox 2008-10-31 12:06 要在Office 2007中插入复选框,需要先点击"Office按钮"->"Wor ...
最新文章
- 图示评审技术_编制清单报价最需要施工技术课程中的哪些知识?
- squid 不缓存特定页面_【零基础学云计算】squid代理服务器介绍与配置(理论+实践)一...
- python3安装过程中出现的ssl问题,No module named _ssl或者renaming “_ssl“ since importing it failed
- 使用 QuickBI 搭建酷炫可视化分析
- 高性能MySQL(2)——Schema与数据类型的优化
- python提取视频帧并保存_python tools实现视频的每一帧提取并保存
- 能不能在FOR循环中执行SQL?
- 怎样控制小程序tabbar图标大小_微信小程序设计规范经验分享
- 【直播礼物特效】vapxtool简介(一)(企鹅电竞)
- vnc远程控制软件,在Linux上安装vnc远程控制软件只需4步
- SCSI——小型计算机系统接口
- 基于二元语义的中文语序分析
- 【SaltStack官方版】—— EventsReactor系统—BEACONS
- mysql解决Access denied for user ''@'localhost' to database 'mysql'没有mysql库
- 了解中国的组织结构后续
- 2009年2月28号发现,上海移动升级GPRS时出问题,导致一些用户话费被扣钱,甚至停机...
- 笔记本电池使用及维护
- 答辩提问问题php代码,答辩会问到什么问题
- python中wx是啥_设置wx.框架大小(wxPython wxWidgets)
- 字库侵权计算机软件,计算机字库的著作权保护与侵权判定.pdf
热门文章
- 多多自走棋改动_《多多自走棋》 更新,几大改动来袭,一个改动让玩家无奈!...
- 区块链支付和第三方支付区别
- 2021-05-02
- 计算机加密防止文件外泄,电脑文档加密系统哪个好?文档加密软件如何防止文件流通使用泄密...
- java透明度_简单的透明度示例不适用于Java 3D
- Python查询手机号码所在地区的几种方式
- bilibili DR_CAN 现代控制理论 and 非线性控制理论 and 浙大 最优控制
- 作为 CIO,构建一个商业智能 BI 分析平台应该重点关注什么?
- 【字符转换】——全角和半角转换
- 原生Js通过class属性值获取对象