html制作单选网页程序,网页制作基础：单选框和复选框的应用

在用表单设计调查表时，为了减少用户的操作，使用选择框是一个好主意，在html的标记中有两种选择框，即单选框和复选框，两者的区别是单选框中的选项用户只能选择一项，而复选框中的选项用户可以任意选择多项，甚至全选。请看下面的例子:

下面给出这个例子的源代码，结合代码来讲各参数的设置:

你是否喜欢旅游？请选择：

喜欢

不喜欢

无所谓

您对那些运动感兴趣，请选择：

跑步

打球

登山

健美

从上面的源代码中可看出，制作单选框只要把标记的type参数设置为type=”radio”就行了;而制作复选框则只要把标记的type参数设置为type=”checkbox”就行了。至于实际应用中用那种选择框，要根据实际需要而定。若只需用户有一种选择的，就用单选框，如本例中“你是否喜欢旅游?”这个问题，用户只能是一种选择，所以采用了单选框;若允许用户有多项选择的内容，则采用复选框，如本例中的“你对那些运动感兴趣?”这个问题，因一个人的兴趣可能是多方面的，所以采用了复选框。

在标记中设定checked参数，则该选框就被默认选中。如本例的第一个单选框(“喜欢”下面那个单选框)就设置为默认选中，这样用户若是想选择“喜欢”的话，就可以不用再选了，当然，若用户要选择了“不喜欢”，则只要点击“不喜欢”下的那单选框，而默认值被自动取消。用同样的方法也可以设置某个复选框为默认被选中。但是复选框的默认选中不可滥用，否则会引起用户的反感。

欢迎大家阅读《网页制作基础：单选框和复选框的应用_html》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

搞代码网(gaodaima.com)提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权

转载请注明原文链接：网页制作基础：单选框和复选框的应用_html

html制作单选网页程序,网页制作基础：单选框和复选框的应用_html相关推荐

html手机单选框,手机移动网页制作：表单输入框、单选框、复选框
手机移动网页制作:表单输入框.单选框.复选框本文继前面讲到的WML语言中的文本标签和图像.链接后,接着讲WML语言中的表单内容. 在Html中,表单内容包括输入框.单选框.复选框等等,WML也并不例 ...
零基础HTML入门教程(17)——表单的单选框和复选框
本章目录 1.任务目标 2.单选框radio 3.复选框checkbox 4.小结 1.任务目标我们上一小结学习了,密码输入框和文本输入框,我们这一小结学习复选框和单选框. 2.单选框radio 单 ...
HTML 单选框和复选框的使用过程的一些错误
在开始学习radio的用法的时候,觉得很简单,但在用的时候,却不知道怎么进行单选,后来查了很长时间才明白其中的道理,其中,name的值是要相等的,这里的值是什么值都可以,只要相等就行 <inpu ...
html:(19):单选框，复选框，下拉列表框
使用单选框.复选框,让用户选择在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户 ...
单选按钮带文字_一分钟教会你用Word添加单选框和复选框
又到学习Word技巧的时候啦!学了这么长时间,你的技能点有没有增加呢?对表格的使用有没有更加熟练了?是否很好奇别人家的表格是怎么弄成可以单选框和复选框的效果呢~~~~下面让小编带你解锁新姿势~ 效果图 ...
你知道如何修改单选框、复选框、下拉框的默认样式吗
介绍 HTML 原生的单选框.复选框元素样式在各个浏览器上面由用户代理默认设置样式,如果在页面上应用了其他颜色或主题时,我们通常也相应的更改这些输入框或按钮的颜色或背景,否则会出现颜色与背景或主题不融 ...
html中的下拉列表框，单选框和复选框
下拉列表框: 下拉列表框是指允许网页浏览者从下拉式菜单中选择某一项,我们通常会在网页中看到各种下拉列表框,这是一种最节省空间的方式.正常情况下,浏览者只能看见一个选项,单击选项按钮打开菜单后才能看到全 ...
使用单选框、复选框，让用户选择
一.引言 html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选. 二.语法对应语法: <input type=&quo ...
纯css写单选框和复选框的样式和功能
只用纯css写的单选框和复选框的样式和功能该怎么写?看这里,复制下面的代码运行一遍就知道了,快试试吧! 效果截图: <!doctype html> <html lang=" ...

html制作单选网页程序,网页制作基础：单选框和复选框的应用_html

html制作单选网页程序,网页制作基础：单选框和复选框的应用_html相关推荐

最新文章

热门文章