將文本輸入放在單選按鈕的標籤內？

Question

我試圖做一個無線電組，指定一堆選項，以及一個額外的選項「其他」與文本輸入來指定。對我使用這個特定單選按鈕的代碼是

<input type='radio' name='RadioInput' value='Other' id='RadioInput_Other' /> 
    <label for='RadioInput_Other'>Ohter: 
    <input type='text' name='RadioInput_Other_Value' id='RadioInput_Other_Value' value='' /> 
    </label> 

的想法是，如果你把焦點到文本輸入，與之對應的單選按鈕被選中。上面的代碼幾乎這樣做（因爲文本輸入在標籤內）。但是，它也將焦點轉移到單選按鈕（這很煩人，因爲接下來輸入的任何內容都會丟失）。

有什麼辦法可以防止這種使用XHTML1.0/CSS2？最好不使用JavaScript。

Answer 1

將控件放置在標籤內可將該標籤與該控件相關聯，並且您可能只有一個控件與給定標籤相關聯。因此這是不符合標準的HTML。

JavaScript是更好的選擇。