O <input type=”radio”> cria um botão de opção em formulários HTML, e a peculiaridade desse tipo de Input é que, quando várias opções estão disponíveis, o usuário pode selecionar apenas uma delas.
Isso é semelhante a sintonizar um rádio, onde apenas uma estação pode ser ouvida por vez.
Assim, os botões de opção são frequentemente utilizados em situações em que é necessário que o usuário faça uma escolha exclusiva de um conjunto de opções.
Imagine um formulário de pesquisa de satisfação, onde o usuário pode escolher entre “Satisfeito”, “Neutro” ou “Insatisfeito”. O uso de botões de opção torna claro que o usuário deve escolher apenas uma dessas opções.
Os botões de rádio são uma excelente escolha quando é necessário limitar a escolha do usuário a uma única opção, facilitando a coleta de dados específicos e evitando ambiguidades.
Ao incorporar esse tipo de Input em formulários, os desenvolvedores melhoram a clareza e a precisão na coleta de informações, tornando a experiência do usuário mais eficiente e fácil de entender.
Veja:
<p>Choose your favorite Web language:</p> <form> <input type="radio" id="html" name="fav_language" value="HTML"> <label for="html">HTML</label><br> <input type="radio" id="css" name="fav_language" value="CSS"> <label for="css">CSS</label><br> <input type="radio" id="javascript" name="fav_language" value="JavaScript"> <label for="javascript">JavaScript</label> </form>