Formulários


    Resumo/Informações
    • Podemos utilizar esses passos em checkbox ou radio.
    • Radio: para ao selecionar um radio, o outro ser deselecionado, os dois precisam estar com o mesmo name.
    • HIde the input, span becomes the button. When we click on the label, what gets selectec is the input that has the same name that the label clicked has.
    • However, we are going to make it seems like what was selected was the span, because the original button is hidden.
    • Para fazer isso acontecer, adicionamos o botão com o style desejado e o círculo de dentro do botão, que demonstra que ele está selecionado.
    • Com isso, cada radio button tem um pseudo-element "checked", para informar que ele está marcado.
    • Utilizaremos essa propriedade (radio-input:checked) para adicionar o círculo dentro do botão personalizado, ao clicar no elemento e portanto deixa-lo como "checked".
    • Em um form, ao especificar um button, ele sera tratado como submit button.

Cadastre-se

Logar


Examples:
  • Exemplo com Checkbox

  • Exemplo com Radio:

  • Exemplo com Date: