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