I tre elementi <radio>, <checkbox>, <dropdown>, hanno tutti una funzione simile: selezionare una tra diverse opzioni. Ovviamente, una casella di selezione consente di scegliere solo tra due opzioni: selezionata o non selezionata, quindi non è possibile utilizzarla se ci sono più di due opzioni tra cui scegliere. Ma quando utilizzare quale di questi elementi? Ecco alcune regole pratiche:

Se vi ritrovate a creare un <radio> o <dropdown> con solo due opzioni, chiedetevi se la domanda è essenzialmente un tipo di domanda sì/no. Ad esempio, una scelta tra «modifica i risultati» e «non modificare i risultati», o tra «rimuovi i valori mancanti» e «mantieni i valori mancanti». In questo caso un <checkbox> è la scelta migliore: utilizza poco spazio, avrà il minor numero di parole di etichette ed è più facile da leggere per l'utente. Ci sono pochissime situazioni in cui dovreste scegliere un <radio> invece di un <checkbox>, quando ci sono solo due opzioni. Un esempio potrebbe essere: «Metodo di calcolo: 'pearson'/'spearman'». In questo caso potrebbero essere pensabili più metodi, che in realtà non formano una coppia di opposti.

Scegliere tra un <radio> e un <dropdown> è principalmente una questione di spazio. Il <dropdown> ha il vantaggio di occupare poco spazio, anche se ci sono molte opzioni tra cui scegliere. D'altra parte, un <radio> ha il vantaggio di rendere visibili all'utente tutte le scelte possibili contemporaneamente, senza fare clic sulla freccia del menu a tendina. Generalmente, se ci sono sei o più opzioni tra cui scegliere, è preferibile un <dropdown>. Se ci sono cinque o meno opzioni, un <radio> è la scelta migliore.