Inserire il testo nell'etichetta per il pulsante di opzione?

Question

Sto provando a creare un gruppo radio che specifichi un gruppo di opzioni e un'opzione aggiuntiva "altro" con un input di testo da specificare. Il codice per questo particolare pulsante di opzione che sto utilizzando è

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

L'idea è che se si dà attenzione al metodo di scrittura, viene selezionato il pulsante di opzione ad esso corrispondente. Il codice sopra lo fa quasi (dal momento che l'input di testo è all'interno dell'etichetta). Tuttavia, sposta anche la messa a fuoco sul pulsante di opzione (che è fastidioso, dal momento che qualsiasi cosa si digiti in seguito viene persa).

C'è un modo per impedirlo utilizzando XHTML1.0/CSS2? Preferibilmente senza usare javascript.

Answer 1

Posizionare un controllo all'interno di un'etichetta associa quell'etichetta con quel controllo e si può avere solo un controllo associato ad una determinata etichetta. Questo è quindi HTML non conforme.

JavaScript è l'opzione migliore qui.