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

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。

- Martijn

---

似乎在这里无法避免使用JavaScript。 - Martijn

Answer 1

将控件放置在标签内，可以将该标签与该控件关联，而且每个标签只能与一个控件关联。这样会导致HTML不符合规范。

在这里使用JavaScript是更好的选择。

- Quentin