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

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