label: 表单区域标签

2017-06-06 16:59:00
admin
原创
353
<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 <title>元素label</title>
 </head>
 <body>
 <form>
 <font color="navy"><b>这个例子演示label元素的作用</b></font><br><br>
 选择你喜欢的音乐:
 <input type="checkbox" name="ch1" value="rock" checked>摇滚乐
 <input type="checkbox" name="ch2" value="jazz">爵士乐
 <input type="checkbox" name="ch3" value="pop">流行乐<br>
 选择你居住的城市:
 <input type="radio" name="rd1" value="pop" value="beijing" checked>北京
 <input type="radio" name="rd1" value="pop" value="nanjing">南京
 <input type="radio" name="rd1" value="pop" value="shanghai">上海<br><br>
 <font size="2" color="red">以上必须点击单选按钮或复选框本身才能将它们选中</font><hr>
 <input type="checkbox" name="ch4" value="rock" checked id="kj1"><label for="kj1">摇滚乐</label>
 <input type="checkbox" name="ch5" value="jazz" id="kj2"><label for="kj2">爵士乐</label>
 <input type="checkbox" name="ch6" value="pop" id="kj3"><label for="kj3">流行乐</label><br>
 选择你居住的城市:
 <label><input type="radio" name="rd2" value="pop" value="beijing">北京</label>
 <label><input type="radio" name="rd2" value="pop" value="nanjing">南京</label>
 <label><input type="radio" name="rd2" value="pop" value="shanghai">上海</label><br><br>
 <font size="2" color="red">以上可以点击单选按钮(可能IE不支持)或复选框旁的文字就能将它们选中,相比之下更方便</font>
 </form>
 </body>
 </html>
文章分类
联系我们
电话: 18902328227
Email: 2689701946@qq.com
QQ: 2689701946
微信: 18902328227
地址: 广州番禺区繁华路
  • 在线客服
  • 关注微信
  • 联系电话
    • 欢迎咨询
    • 欢迎加入QQ群 303257430
  • 公众号:源宝网络
    • 联系电话及微信号 18902328227