2013-10-16 9 views
29

ho questo pulsante di scelta (e qualche altro dopo questo):Come si fa a rendere cliccabile anche il testo del pulsante radio?

<input type="radio" name="group1" value="Milk"> Milk<br> 

Ma se voglio attivare il pulsante di scelta, devo clic su di esso, cliccando la parola "latte", che si trova a destra del pulsante, non lo attiva. Come posso farlo ?, tutti gli esempi che ho trovato sui pulsanti radio finora hanno lo stesso problema. Grazie in anticipo.

+1

possibile duplicato del [Gruppi radio con etichetta cliccabile] (http://stackoverflow.com/questions/4684382/gruppi-radio-con-etichetta-cliccabile) – isherwood

+1

possibile duplicato di [Come associare etichette con pulsanti di opzione] (http://stackoverflow.com/questions/658689/how-to-associate-labels-with-radio-buttons) – Mansfield

risposta

73

Qui si desidera utilizzare il tag etichetta.

Qualcosa di simile:

  <label> 
       <input type="radio" name="group1" value="Milk"> 
       Milk 
      </label><br/> 

Etichette dire al browser che tutto contenuto all'interno deve essere trattato come un elemento (in termini di testo non sono div.)

Date un'occhiata a questo per un esempio: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_label

+0

Questo funziona; tuttavia, il link mostra un esempio come @Mansfield ha risposto. –

+1

Così facile! e migliora notevolmente l'usabilità di un sito e lo rende più semplice sui dispositivi mobili. – redwards510

19

Se si utilizza il tag etichetta, fornendo un identificativo al pulsante di opzione, è possibile fare clic sull'etichetta per selezionare la radio.

<input type="radio" name="group1" value="Milk" id="rad1"> 
<label for="rad1">Milk</label> 

http://jsfiddle.net/tvFgU/1/

questo è valido per XHTML 1.0 strict:

enter image description here

+0

Vedo, l'attributo "for" è valido nel rigoroso xhtml 1.0? – Faito

+1

@Faito Sì, vedi la mia modifica. – Mansfield