Os três elementos <radio>, <checkbox>, <dropdown>, todos têm uma função semelhante: selecionar uma entre várias opções. Obviamente, uma caixa de seleção (checkbox) permite escolher apenas entre duas opções: marcada ou desmarcada, portanto, você não pode usá-la se houver mais de duas opções para escolher. Mas quando usar cada um dos elementos? Algumas regras práticas:

Se você se deparar com a criação de um <radio> ou <dropdown> com apenas duas opções, pergunte-se se a pergunta é essencialmente uma questão de sim/não. Por exemplo, uma escolha entre “ajustar resultados” e “não ajustar resultados”, ou entre “remover valores ausentes” e “manter valores ausentes”. Nesse caso, um <checkbox> é a melhor opção: ocupa pouco espaço, terá o menor número de palavras nos rótulos e é mais fácil de ler para o usuário. Existem pouquíssimas situações em que você deve escolher um <radio> ao invés de um <checkbox>, quando há apenas duas opções. Um exemplo disso seria: “Método de cálculo: 'pearson'/'spearman'”. Aqui, outros métodos podem ser considerados, e eles não formam exatamente um par de opostos.

A escolha entre um <radio> e um <dropdown> é, em grande parte, uma questão de espaço. O <dropdown> tem a vantagem de ocupar pouco espaço, mesmo que haja muitas opções para escolher. Por outro lado, um <radio> tem a vantagem de tornar todas as opções possíveis visíveis ao usuário de uma só vez, sem precisar clicar na seta do menu suspenso. Geralmente, se houver seis ou mais opções para escolher, um <dropdown> é preferível. Se houver cinco ou menos opções, um <radio> é a melhor escolha.