Question

Ich versuche, eine Radio-Gruppe eine Reihe von Optionen und eine zusätzliche Option "andere" mit einer Texteingabe zu spezifizieren. Der Code für dieses Optionsfeld ist Ich verwende

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

Die Idee ist, dass, wenn Sie den Fokus auf das Texteingabe geben, die Radio-Taste, um es entsprechend ausgewählt wird. Der Code oben tut dies fast (da die Texteingabe innerhalb des Etiketts ist). Es verschiebt jedoch auch den Fokus auf den Radiobutton (was ärgerlich ist, da alles, was Sie als nächstes tippen, verloren geht).

Gibt es eine Möglichkeit, dies mit XHTML1.0/CSS2 zu verhindern? Vorzugsweise ohne Javascript.

Answer 1

Wenn Sie ein Steuerelement in ein Label einfügen, wird dieses Label mit diesem Steuerelement verknüpft und Sie haben möglicherweise nur ein Steuerelement für ein bestimmtes Label. Dies ist daher nicht konformes HTML.

JavaScript ist hier die bessere Option.