Поместить ввод текста внутри метки для радио кнопки?

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 - лучший вариант здесь.