De tre elementen <radio>, <checkbox>, <dropdown> har alla liknande funktion, att välja ett av flera olika alternativ. Naturligtvis tillåter en kryssruta bara att välja mellan två alternativ: markerad eller inte markerad, så du kan inte använda den om det finns fler än två alternativ att välja mellan. Men när ska vilket av elementen användas? Några tumregler:

Om du märker att du skapar en alternativknapp, <radio> eller kombinationsruta, <dropdown> med bara två alternativ, fråga dig då om valet i stort sett är en fråga med svaret ja eller nej. Är det t.ex. ett val mellan att ”justera resultat” och ”justera inte resultat”, eller mellan ”ta bort saknade värden” och ”behåll saknade värden”. I detta fall är en kryssruta, <checkbox>, det bästa valet: Den använder lite utrymme, har så få ord i beteckningen som möjligt, och är lättast att läsa för användaren. Det finns några få situationer där en alternativknapp, <radio>, bör användas istället för kryssrutan <checkbox>, när det bara finns två alternativ. Ett exempel kan vara: ”Beräkningsmetod: 'pearson'/'spearman'”. Här kan det tänkas finnas fler metoder, och de är egentligen inte ett motsatspar.

Att välja mellan alternativknappen <radio> och kombinationsrutan <dropdown> är i huvudsak en fråga om utrymme. En <dropdown> har fördelen att ta upp lite utrymme även om det finns många alternativ att välja mellan. Å andra sidan, har en <radio> fördelen att alla möjliga alternativ är synliga för användaren på en gång, utan att klicka på kombinationsrutans pil. I allmänhet, om det finns sex eller fler alternativ att välja mellan är en <dropdown> att föredra. Om det finns fem eller färre alternativ är en <radio> det bättre valet.