![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfl8iULU8h_IMa5iJ1kySnKchqNDr_cjG9GnVf_KDs1P8GCm7DI6J47OogDtqTqfqkIpHboiCvJkA9bL_RzyU8UYLwJfS7eI5jo-t6iWx1Wnw4bf08y78VE7AV0-TU3TbuSiZli9SWmKc/s320/formula%25CC%2581rio-de-conversa%25CC%2583o.png)
Os formulários contêm diferentes tipos de elementos de entrada (inputs) como campos de texto, checkboxes, botões radio, enviar, etc. Veremos como utilizar esses elementos, como apresentado no formulário abaixo:
Utilizamos a tag <fieldset> e <legend> para criar a caixa e a descrição do formulário. As entradas (inputs), text, radio, checkbox, submit e reset colocamos dentro da tag <form>. Usamos também as tags <select> e <option> para criar a caixa de seleção da idade.
Confira o código HTML do formulário:
Veja os principais parâmetros utilizadas com a tag <input>:
- Text - Entrada de dados tipo caractere.
- Password - Entrada de dados tipo senha.
- Checkbox - Entrada de dados tipo lógico (SIM/NÃO).
- Radio - lista de opções - aceita somente uma.
- Submit - Cria um botão para enviar os dados.
- Reset - Cria um botão para limpar os dados.
- Hidden - Cria uma campo oculto.
- Name - Valor que receberá o conteúdo do campo
- Size - Tamanho do campo em caracteres.
- Maxlength - Tamanho do campo para Text e Password.
O HTML5 adicionou vários novos tipos de entrada, mas nem todos são suportados pelo navegadores e se comportam como <input type="text">.
- Color
- Date
- Datetime-local
- Month
- Number
- Range
- Search
- Tel
- Time
- Url
- Week
Teste o funcionamento das entradas, isso vai ajudá-lo a ficar familiarizado(a) com a criação de formulários.
Curtiu? Deixe seu comentário abaixo .
Curtiu? Deixe seu comentário abaixo .
Com Criar Um Formulário HTML
Reviewed by Guilherme
on
julho 20, 2018
Rating:
![Com Criar Um Formulário HTML](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfl8iULU8h_IMa5iJ1kySnKchqNDr_cjG9GnVf_KDs1P8GCm7DI6J47OogDtqTqfqkIpHboiCvJkA9bL_RzyU8UYLwJfS7eI5jo-t6iWx1Wnw4bf08y78VE7AV0-TU3TbuSiZli9SWmKc/s72-c/formula%25CC%2581rio-de-conversa%25CC%2583o.png)
Nenhum comentário: