html5radio组的简单介绍

HTML的input之radio如何设为组?也就是html的单选按钮。

1、我们先来看input标签的格式input id=(id) name=(组名称) type=radio/input注：对于需要选中检索的值，可以利用表单的提交或使用JavaScript获取。

专注于为中小企业提供成都做网站、网站制作、成都外贸网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业云和免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上千余家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

2、name值一定要相同才能够单选，要默认选项，加一个属性checked就可以了。

3、第一种通过select的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。

4、单选框RADIO 单选框能够进行项目的单项选择，以一个圆框选择。

5、首先打开编辑器，然后新建一个html文件，编写入基本的框架。然后用form，input和label创建一个单项选择题。创建一个新的css文件，并且用link标签关联HTML文件。然后撤销一下原来按钮的样式。

html5新增的表单元素有以下几种：datalist，keygen，output三种无素。datalist 元素 datalist 元素规定输入域的选项列表。列表是通过 datalist 内的 option 元素创建的。

有这些新属性，placeholder和maxlength用的比较多。

新增表单属性，如：placehoder 属性，简短的提示在用户输入值前会显示在输入域上。即我们常见的输入框默认提示，在用户输入后消失。

form属性在HTML5中表单元素可放在表单之外，通过给该元素添加form属性即可。

footer元素，表示整个页面或页面中一个内容区块的脚注。一般来说，他会包含创作者的姓名、创作日期以及创作者的联系信息。nav元素，表示页面中导航链接的部分。

dialog 定义对话框，比如提示框 summary 标签包含 details 元素的标题 figure 规定独立的流内容（图像、图表、照片、代码等等）。

1、做2个radiobutton 一个选中一个不选中一个显示一个隐藏点了显示选中的再先就显示没选中的那个 JS就可以实现了。

2、如果你的radio名称是一样的，则表示为一组，对于一组radio，只能有一个可以被选中。如果没有radio名称都不一样，那么可以被全部选中，在只有一个情况下，选中后通过界面操作是不会被取消的。

3、name值一定要相同才能够单选，要默认选项，加一个属性checked就可以了。

4、你的$(input[name=jizai])这个选择器会获得两个radio对象，都设置选中，只能最后一个是被选中的，因为是单选。

5、在index.html中的body标签中，输入html代码：input type=radio name=sex /男 input type=radio name=sex /女浏览器运行index.html页面，此时性别的单选框通过name属性设定为同一组了。

文章标题：html5radio组的简单介绍
文章地址：http://6mz.cn/article/dgoiiee.html