HTML5系列代码：radio样式的表单Radio 对象代表 HTML 表单中的单选按钮。
在 HTML 表单中 input type="radio"每出现⼀次，⼀个 Radio 对象就会被创建。
单选按钮是表⽰⼀组互斥选项按钮中的⼀个。
当⼀个按钮被选中，之前选中的按钮就变为⾮选中的。
当单选按钮被选中或不选中时，该按钮就会触发 onclick 事件句柄。
您可通过遍历表单的 elements[] 数组来访问 Radio 对象，或者通过使⽤ ElementById()。
<html>
<head>
<title>radio样式的表单</title>
<style>
body { font:100%微软雅⿊;
}
#leftblock{position:absolute;
width:100px;
font:120%微软雅⿊;html radio点击变颜
text-align:right;
}
#rightblock {position:absolute;
width:300px;
left:120px;
padding:5px;
border:2px dotted ;
text-align:left;
}
input {font:50%微软雅⿊;
}
h1 {font:80%微软雅⿊;
margin:5;}
</style>
</head>
<body>
<div id="leftblock">注册信息:</div>
<div id="rightblock">
<form action="..." method="post">
<input name="onechoice" type="radio" value="one" checked="checked">使⽤邮箱
注册
<h1>您可以通过⾃⼰习惯的邮箱来作为账号登陆⽹站</h1>
<input name="onechoice" type="radio" value="two">通过⼿机注册
<h1>您可以通过⼿机免费获得我们的账号</h1>
<input name="onechoice" type="radio" value="three">申请我的ID号码
<h1>您可以通过⽹站直接申请账号</h1>
</form>
</div>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。