Selezionare vs pulsanti di opzione e caselle di controllo

Question

Qual è il semantica differenza tra l'utilizzo di un elemento di <select> contenente <option> figli e, utilizzando un <input type="radio"> elementi all'interno di un genitore <fieldset>? Entrambi i metodi offrono all'utente la possibilità di selezionare al massimo un'opzione. Le uniche differenze sono visiva e esperienza dell'utente relativi: il primo metodo mostra all'utente un menu a tendina, mentre l'altra opzione mostra pulsanti.

Equivalentemente, qual è la differenza tra <select multiple=""> con <option> bambini (un menu a discesa di selezione multipla) e utilizzando <input type="checkbox"> (caselle di controllo)? Ancora una volta, non vedo alcuna differenza nella funzione; solo presentazione.

Sto solo chiedendo perché le specifiche HTML ha entrambi i metodi per gli sviluppatori da usare. Se l'unica differenza è nella presentazione e nello user experience, non dovremmo usare solo un metodo?

Answer 1

In terminologia generale non v'è alcuna particolare differenza tra pulsante di opzione e un elenco di selezione (discesa), ma, dal momento che lo spazio schermo utilizzato è proporzionale al numero di opzioni, se il numero di opzioni sono tra due a sette progettista di una rete va per l'utilizzo di pulsanti di opzione, per otto o più opzioni, lui/lei usa un elenco a discesa o di un elenco a selezione singola.

Un'altra cosa da tenere a mente durante la progettazione è: Se l'opzione predefinita è consigliata per la maggior parte degli utenti nella maggior parte delle situazioni, i pulsanti di opzione potrebbero attirare l'attenzione sulle opzioni più del necessario. Considerare l'utilizzo di un elenco a discesa, se non si vuole attirare l'attenzione le opzioni, o non si vuole incoraggiare gli utenti di apportare modifiche. Un elenco a discesa si concentra sulla selezione corrente, mentre i pulsanti di opzione enfatizzano tutte le opzioni allo stesso modo.

Lo stesso segue per la casella di controllo e menu a discesa selezione multipla.