Poner entrada de texto dentro de la etiqueta para el botón de opción?

Question

Estoy tratando de hacer que un grupo de radio especifique un montón de opciones, y una opción adicional "otra" con una entrada de texto para especificar. El código para este botón de radio en particular que estoy usando es

<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> 

La idea es que si se le da el foco a la entrada de texto, se selecciona el botón de radio correspondiente a la misma. El código anterior casi hace esto (ya que la entrada de texto está dentro de la etiqueta). Sin embargo, también cambia el foco al botón de radio (que es molesto, ya que cualquier cosa que tipee a continuación se pierde).

¿Hay alguna manera de evitar esto usando XHTML1.0/CSS2? Preferiblemente sin usar javascript.

Answer 1

Colocar un control dentro de una etiqueta asocia esa etiqueta con ese control, y usted solo puede tener un control asociado con una etiqueta determinada. Por lo tanto, este es un HTML no conforme.

JavaScript es la mejor opción aquí.