Formulários HTML: Dominação Total
Sobre a Aula

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>
Entrar na conversa
Rolar para cima