Em mais uma postagem sobre HTML vamos aprender a criar formulários. Para aprender a criar tabelas veja a postagem anterior:
Abra o gedit (ou um editor de texto de sua preferência) e abra também o arquivo da aula anterior:
A tag de formulário é a <fildset> </fildset>, responsável pelo contorno. Também temos a tag <legend> </legend> que dará o título do formulário. Para completar colocamos a tag <form></form> deixando o formulário funcional.
Vamos ver no gedit:
Em seguida vamos colocar a tag <label></label> que dará nome aos campos do formulário a serem preenchidos e também a tag <input> que possibilitará o preenchimento do campo. Os atributos da tag <input>:
type: tipo de entrada de dados
id: identificação do campo
name: nome do campo( igual ao id)
size: tamanho do campo
maxlength: limite de caracteres a serem digitados
placeholder: informação do que o usuário deve digitar
Vamos criar um formulário de cadastro bem simples, onde o usuário ira digitar seu nome, email e senha(que deve conter no máximo 10 caracteres):
Agora temos que ter como enviar o formulário depois de preenchido e também limpar as informações caso desejado. Para isso vamos criar mais 2 input sendo para enviar do type submit e para limpar do type reset. Será criado 2 “botões” e teremos um novo atributo, o value, que será o que está escrito nos botões:
Pronto, está terminado o formulário.
Veja agora o vídeo do tutorial:
Nenhum comentário:
Postar um comentário