Como criar botões de rádio para a sua html5 e css3 páginas web baseadas

botões de rádio são usados ​​para páginas da web HTML5 e CSS3 quando você quer deixar o usuário escolher apenas uma opção de um grupo. Você pode ver um exemplo de um grupo de botões de rádio em ação.

Video: 03 - tutorial formulario html 5 y css 3 | input type checkbox y radio

botões de rádio pode parecer semelhante a caixas de seleção, mas eles têm algumas diferenças importantes:

Apenas um pode ser verificado em um tempo. O termo botao de radio veio dos auto-rádios de estilo antigo. Quando você apertou o botão para uma estação, todos os outros botões bateu para fora.

Video: Curso de Html - Aula 16 - CSS - Formulário

  • Eles têm de estar em um grupo. botões de rádio só fazem sentido em um contexto de grupo. O ponto de um botão de opção é interagir com seu grupo.



  • Todos eles têm o mesmo nome! Cada botão tem seu próprio ID (como outros elementos de entrada), mas eles também têm um atributo. O atributo indica o grupo um botão de rádio está em.

    Video: HTML5 and CSS3 beginners tutorial 47 - checkboxes and radio buttons

  • Você pode ter mais de um grupo em uma página. Basta usar um atributo diferente para cada grupo.

  • Um deles tem de ser selecionado. O grupo deve ter sempre um valor e único. Alguns navegadores verificar o primeiro elemento em um grupo por padrão, mas apenas no caso, você deve selecionar o elemento que deseja selecionado. Adicione o atributo para o elemento que deseja selecionado quando a página aparece. Neste exemplo, a opção mais cara foi pré-selecionado, tudo em nome da venda sugestiva.

  • Aqui está algum código que explica tudo:

    radioButtons.html

    Publicações relacionadas