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


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
tipoO atributo type está definido como rádio para criar um botão de opção (digite = "opção").
nomeO 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.
verificadoO 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
  1. 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").
  2. É 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.
  3. 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 →




Curso de HTML5 - 33 - Formulários em HTML5 (parte 1) - by Gustavo Guanabara (Pode 2022)



Tag Do Artigo: O formulário HTML - Tags de entrada do botão de opção e da caixa de seleção - 2, HTML, tag de entrada da caixa de seleção, formulário da Web da caixa de seleção HTML, como adicionar uma caixa de seleção a um formulário da Web, tag de entrada de rádio, botão de opção, como adicionar um formulário à sua página da Web , como escrever formulários HTML, formulários HTML, formulários, código de entrada de formulário html, tag de entrada de formulário html, tag de entrada de formulário, entrada de form