Volte para o Inicio Siga-nos Curta nossa página no facebook! Siga-nos no twitter

Como criar Formulários com HTML



Olá Pessoal, neste tutorial vou ensinar como criar formulários com HTML, calma, não é nenhum formail, eu só vou ensinar a criar um formulário simples com HTML, então vamos lá, primeiramente nós vamos ter que criar o seguinte código que eu vou explicar oque significa cada tag.

<form action=""> /* A tag form é obviamente para criar o formulário, a tag principal, e a função action, é pra quando a pessoa for clicar em algum botão, por exemplo "Enviar" quando a pessoa clicar, este formulário vai levar ela para o endereço que você colocou na função action, para sistemas php, eu não coloco action, mais isso ai é com vocês, continuando... logo após ter criado o form, acompanhe-me

<input type="text" placeholder="Designer Back" /> /* O input é os campos do formulário, a função type serve para identificar qual é o tipo desse campo, eu coloquei texto, então o tipo desse campo é um texto, mais pode ser também outros tipos, por exemplo, para formulários de logins, no campo password, você coloca o tipo password, para quando a pessoa for preencher a senha, não aparecer a senha, e aparecer símbolos, isso é requer bastante atenção. e a função placeholder é quando a pessoa for preencher o formulário, e no campo já está escrito Designer Back, que foi oque eu coloquei ali, ai se ela clicar no campo, esse texto vai desaparecer, exemplo:

 /* Vai ficar assim...

e agora, por ultimo, o botão de enviar, é muito simples, vamos lá...

<input type="submit" value="Enviar' /> /* Lembra acima que eu coloquei no type, o tipo text? pois é... aqui é diferente, nós vamos ter que colocar o tipo submit, que é o tipo que faz o botão de enviar, e a função value, é oque vai tá escrito no botão, eu coloquei Enviar, mais se caso for um sistema de login, prefiro colocar "Entrar" isso é de sua preferencia, irá ficar assim:

 /* É muito simples

Então, este tutorial fica por aqui, espero que tenham gostado, pode ser que em breve eu ensine mais sobre esse assunto, mais não agora!

0 comentários:

Postar um comentário

 

Template Desenvolvido Por: Renan Luis
Design Por: Emerson Souza