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 Text:
- Exemplo com Número/Number:
- Exemplo com Senha/Password:
- Exemplo com Mail:
- Exemplo com Cor/Color:
- Exemplo com Botão/Button: