computadores

O formulário HTML - Tags de entrada do botão de opção e da caixa de seleção - 2

Pode 2022

Na primeira seção deste tutorial, discutimos como a tag de entrada de rádio funciona. Agora vamos dar uma olhada no código.

Vamos dar uma olhada no exemplo de uma das três tags de entrada de rádio usadas no exemplo anterior.

Vermelho
Branco
Azul

O que significa o código
<	Suporte angular esquerdo
entrada	O nome do elemento
tipo	O atributo type está definido como rádio para criar um botão de opção (digite = "opção").
nome	O atributo name é usado para definir uma identificação para o campo de entrada. Para que as tags de entrada de rádio funcionem como um grupo, você precisará definir o atributo name para o mesmo para todas as tags de rádio do grupo (name = "color").
valor	O atributo value é usado para definir o valor para cada botão de opção no grupo. Cada uma das tags de rádio terá o atributo value definido como um valor diferente. Por exemplo, se você deseja que o usuário escolha entre vermelho, branco e azul; você teria três botões de opção com o atributo value definido para uma cor diferente para cada um.
verificado	O atributo verificado é usado para definir um dos botões de opção conforme selecionado por padrão quando o formulário da página da web é exibido na página da web.
>	Suporte de ângulo reto

Como você pode ver, essas tags de entrada de rádio podem trabalhar juntas como um grupo, porque todas elas têm o mesmo valor para o atributo name (name = "color").
É o atributo value que determina o valor de cada botão de opção individual. No exemplo, temos três botões de opção com seus atributos de valor definidos como vermelho, branco e azul.
Se desejarmos que um dos botões de opção seja selecionado quando o formulário for exibido na página da web (por padrão), incluiríamos "marcado" nessa tag de entrada de rádio.

Na próxima seção deste tutorial, discutiremos a tag de entrada da caixa de seleção.

← Voltar | Próximo →