将文本输入放在单选按钮的标签内？

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是更好的选择。