使用标记来控制元素的输出。

Question

我试图让我的单选按钮作为花哨的按钮工作，而不仅仅是点，因为它们是默认情况下，我已经想到了一个问题。很多网站/ snippet都有点像

 <input id="rad1" type="radio" name="rad"><label for="rad1">Radio 1</label>
<input id="rad2" type="radio" name="rad"><label for="rad2">Radio 2</label>

但是语义标记更像是

   <label for="rad1"><input id="rad1" type="radio" name="rad">Radio 1</label>
    <input id="rad2" type="radio" name="rad"><label for="rad2">Radio 2</label>

后面的标记是否有效，因为人们更能控制布局

input[type="radio"]:checked+label{ font-weight: bold; } 

但后者真的无效吗？

Answer 1

根据我使用标记语言的经验，在您的示例中，一切看起来都很好。如果你真的想检查你的输入，你可以把它们放在这里的一个基本验证器中 - ＆gt; https://validator.w3.org/#validate_by_input。我希望这能回答你的问题！