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

Question

我正在尝试制作一个指定一堆选项的广播组，以及一个带有文本输入的额外选项“other”来指定。我正在使用的这个特定单选按钮的代码是

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