Wprowadzić tekst w etykiecie dla przycisku radiowego?

Question

Próbuję utworzyć grupę radiową określającą kilka opcji oraz dodatkową opcję "inne" z wprowadzeniem tekstu do określenia. Kod dla tego konkretnego przycisku radiowego używam jest

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

Chodzi o to, że jeśli dać ostrość do wprowadzania tekstu, wybrany jest przycisk radiowy odpowiadający niego. Powyższy kod prawie to robi (ponieważ dane wejściowe znajdują się wewnątrz etykiety). Jednak przenosi także fokus na przycisk radiowy (co jest denerwujące, ponieważ wszystko, co wpisujesz, zostanie utracone).

Czy można temu zapobiec za pomocą XHTML1.0/CSS2? Najlepiej bez używania javascript.

Answer 1

Umieszczenie kontrolki na etykiecie kojarzy tę etykietę z tą formantem i możesz mieć tylko jedną formant powiązany z daną etykietą. Jest to zatem niezgodny HTML.

JavaScript jest lepszym rozwiązaniem.