使用標記來控制元素的輸出。

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

根據我對標記語言的經驗，在你的例子中，一切看起來都不錯。如果你真的想檢查你的輸入，你可以將它們放在這裏的基本驗證器之一 - >https://validator.w3.org/#validate_by_input。我希望這回答了你的問題！