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

我试图创建一个无线电组，指定一组选项，以及一个额外的选项“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>

Ohter：

这样做的目的是，如果您将焦点放在文本输入上，则会选中与其对应的单选按钮。上面的代码几乎做到了这一点（因为文本输入在标签内部）。但是，它也会将焦点转移到单选按钮上（这很烦人，因为下一步键入的内容都会丢失）

---

使用XHTML1.0/CSS2有没有办法防止这种情况？最好不使用javascript。

将控件放在标签中会将该标签与该控件关联，并且您可能只有一个控件与给定标签关联。因此，这是不一致的HTML

---

JavaScript在这里是更好的选择

看来这里没有什么可以避免的了。