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

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