不知道哪里错了??

来源:-

慕莱坞0080755

2015-11-10 14:41

 <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>单选框、复选框</title>
</head>
<body>
<form action="save.php" method="post" >
    <label>性别:</label>
    <label>男</label>
    <input type="radio" value="1"  name="gender-man" />
    <label>女</label>
    <input type="radio" value="2"  name="gender-woman" />
</form>
</body>
</html>


写回答 关注

3回答

  • pardon110
    2015-11-10 15:16:12

    label标签,input中的radio类型亦使用不正确。变更后的代码如下:

     <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>单选框、复选框</title>
    </head>
    <body>
    <form action="save.php" method="post" >
        <label>性别:</label>
        <label for="man">男</label>
        <input type="radio" value="1"  name="sex" id="man" />
        <label for="woman">女</label>
        <input type="radio" value="2"  name="sex" id="woman" />
    </form>
    </body>
    </html>

    定义和用法

    <label> 标签为 input 元素定义标注(标记)。

    label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

    <label> 标签的 for 属性应当与相关元素的 id 属性相同。

    radio 定义单选按钮。单选按钮允许用户选取给定数目的选择中的一个选项。

    同一组单选框name必须相同,值由value决定。


  • Perona
    2015-11-10 15:05:07

    同一组的单选按钮,name 取值一定要一致。这里应该给按钮取一致的name。而不是一个gender-man,gender-woman。

  • 李晓健
    2015-11-10 15:02:59

    问题是什么呢?

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225307 学习 · 18230 问题

查看课程

相似问题