Como criar botões de opção para seus HTML5 e CSS3 Baseadas Páginas da Web

Os botões de rádio são usados ​​para páginas da web HTML5 e CSS3 quando quiser permitir que 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.

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 de cada vez. 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.

• Eles têm que estar num 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 sua própria ID (como outros elementos de entrada), mas eles também têm um atributo. O atributo indica a grupo um botão de rádio está em.

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

• Um deles tem de ser seleccionada. 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 é exibida. Neste exemplo, a opção mais caro foi pré-seleccionado, todos em nome de venda sugestiva.

Aqui está algum código que explica tudo: