为什么没有单选框了-慕课网

首页课程实战体系课手记专栏慕课教程

为什么没有单选框了

来源：6-8 使用label为input标签穿上衣服

代聪聪

2016-03-25 15:08

<!DOCTYPE HTML>

<html>

<head>

<title>form中的lable标签</title>

</head>

<body>

<form>

<br />

<br />

<br />

<label for="email">输入你的邮箱地址</label>

</form>

</body>

</html>

写回答关注

12回答

为了遇见最好的你

2016-04-22 15:44:23
1. <!DOCTYPE HTML>
2. <html>
3. <head>
4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5. <title>form中的lable标签</title>
6. </head>
8. <body>
9. <form>
10. <label for="male">男</label>
11. <input type="radio" name="gender" id="male" />
12. <br />
13. <label for="female">女</label>
14. <input type="radio" name="gender" id="female" />
15. <br />
16. <label for="fmail">天</label>
17. <label type="radio" name="gender" id="fmail" />
18. <br />
19. <label for="email">输入你的邮箱地址</label>
20. <input type="email" id="email" placeholder="Enter email">
22. </form>
24. </body>
25. </html>
  第17行的input写成了label标签，label是文本，所以无法出现单选框
0 0
qq_落叶_31

2016-03-25 15:35:35

<label for="fmail">天</label>
<label type="radio" name="gender" id="fmail" />加重的lable改成input

0 0
Cimo辞

2016-03-25 15:23:03

<label for="fmail">天</label>
<input type="radio" name="gender" id="fmail" />

0 0
波子_

2016-03-25 15:20:41

<label type="radio" name="gender" id="fmail" />
应改为
<input type="radio" name="gender" id="fmail />

<input type="radio"> 才会输出单选框

0 0
倾昀

2016-03-25 15:20:18

天下面的一行应该是input type="radio" name="gender" id="fmail"

0 0
Abby努力当学霸

2016-03-25 15:19:58

"天"的标签用错了

0 0
madncy

2016-03-25 15:18:50

<input type="radio" name="gender" id="fmail" />

0 0
晴天柔水

2016-03-25 15:18:44

<label for="fmail">天</label>
<label type="radio" name="gender" id="fmail" />
<br />
智力第二行应该是input吧

0 0
qq_冰芷若晗_0

2016-03-25 15:17:27

应将id=fmail的label标签更改为input

0 0
godbey

2016-03-25 15:15:12

天那个应该是input吧

0 0
304346845

2016-03-25 15:15:09

代码是没有问题的，你试试换个浏览器

0 1
大脸毛

2016-03-25 15:15:09

最后那个radio写错了，不是<label type="radio" name="gender" id="fmail" /> 是<input type="radio" name="gender" id="fmail" />

0 0