Os formulários HTML são usados para transmissão de dados para o servidor. Nos formulários há a possibilidade de inclusão de dados através de entrada de texto, caixas de seleção, entre outros.
O <form> é usado para a criação da interação do formulário:
<form>
Conteúdo
</form>
O principal elemento é o <input> que será sempre para seleção das informações do usuário. Com ele se pode trabalhar a coleção dos dados.
Texto
Temos vários atributos para o <form>:
text: Cria a interação com texto.
password: Campo para inserção da senha.
checkbox: Cria caixas de seleção.
radio: Cria opção para seleção de determinadas opções dentre várias.
submit: Insere o botão "enviar".
file: Campo para envio de arquivos.
hidden: Permite coleta de informação de forma que o usuário não tenha ciência.
color: Para cor.
date: Para informação de datas.
datetime: Para informação de datas.
datetime-local: Para informação de datas.
email: Para inserir e-mail.
month: Para seleção de um mês inteiro.
number: Dados numéricos.
range: Este atributo é usado para receber dados numéricos que estão dentro dos valores pré-definidos somente.
url: Criará a opção do envio de endereço de páginas.
Exemplo de código:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<form>
Primeiro nome: <input type="text" name="primeironome"><br>
Sobrenome: <input type="text" name="sobrenome">
</form>
</body>
</html>
No navegador:
Elementos
Alguns elementos de textarea:
fieldset: Indica um bloco de informação dentro do código.
Confira outro elemento no código, o fieldset:
<!DOCTYPE html>
<html>
<body>
<form>
<fieldset>
<legend>Dados:</legend>
Nome: <input type="text"><br>
Email: <input type="text"><br>
Data de Nascimento: <input type="text">
</fieldset>
</form>
</body>
</html>
No navegador:
Código com <fieldset>, bloco de informação
Nenhum comentário:
Postar um comentário