Html 使用；“的标签；单选按钮

在单选按钮上使用“label for”参数时，是否正确

 <label for="button one"><input type="radio" name="group1" id="r1" value="1" /> button one</label> 

按钮一

还是这个

 <input type="radio" name="group1" id="r1" value="1" /><label for="button one"> button one</label>

按钮一

我询问的原因是，在第二个示例中，“标签”仅包含文本，而不是实际的单选按钮

*1973年《康复法》第508节要求联邦机构向残疾人提供软件和网站的无障碍性

---

你差点就成功了。应该是这样的：

按钮一

任一结构都有效且可访问，但属性的

应等于输入元素的
id
：

<input type="radio" ... id="r1" /><label for="r1">button text</label>

（首先阅读已在
标签中解释了
的
的其他答案。
好吧，两个最重要的答案都是正确的，但对于我的挑战，就是当你有几个收音机盒时，你应该为它们选择一个普通的名字，比如
name=“r1”
，但是id不同

这样，答案就更清楚了，也消除了名称和ID之间的冲突

您需要不同的ID才能使用不同的收音机盒选项



按钮文本一


按钮文本二


按钮文本三
True，但在第二个示例中，不需要“for”属性。我认为有些浏览器版本仅使按钮文本“可单击”如果您使用了“for”属性，即将输入包装在标签中是不够的。@Martha-您知道哪些浏览器吗？@Kirkland-似乎表明第二种形式有效，但有几个来源表明支持可能不是通用的。在任何情况下，最好提供
for
属性。@RalphDavidernathy是的，是的同样的规则也适用于复选框。你的答案当然是正确的，但玛莎有正确的答案。这两个玛莎示例都是非常有效的HTML5。例如，如果你希望整个内容都在一个框架中，那么使用css为第二个框设计样式就更容易了。如果你希望标签在其他地方，那么第一个。但这两个都是可以的。致以最良好的问候！嗯…怎么做在两个单选按钮之间切换一个标签？不能有两个相同的ID…：/@NilsSens每个单选和标签对应具有唯一的ID，它们不应共享ID's@NilsSens在两个单选按钮之间切换，它们只有一个标签？这听起来像是一个明确的情况，使用复选框代替：啊，不，我的意思是一个超级标签t切换单选按钮。例如：分类最喜欢的水果，当你点击其中一个，你在idk“香蕉”和“草莓”之间切换，因为，当你可以切换选项时，为什么要强制鼠标移动UX。今天，我会使用JS手动编码它，但想知道是否有CSS唯一的方法：）
<label for="r1"><input type="radio" ... id="r1" />button text</label>