Curso de html - Como Criar Furmulários em HTML

1.053 visualizações

Publicada em

Olá Pessoal está é mais uma aula do meu 1° Curso gravado. Como criar formulários em HTML. Nesta aula falamos um pouco sobre as tags principais utilizadas em um formulário em HTML.
Para maiores informações acesse: www.talesaugusto.biz

1 comentário
1 gostou
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
1.053
No SlideShare
0
A partir de incorporações
0
Número de incorporações
63
Ações
Compartilhamentos
0
Downloads
51
Comentários
1
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Curso de html - Como Criar Furmulários em HTML

  1. 1. Curso de HTML - Formulários Tales Augusto @talesdejesus www.talesaugusto.biz
  2. 2. Algumas coisas... Olá Pessoal, Nesta aula vamos falar sobre formulários em HTML. Lembrando que para entender melhor essa aula você precisa ter feito as aulas anteriores.
  3. 3. Lembre-se  Deixando seu comentário em nossas aulas ao final deste curso você receberá um certificado de participação totalmente Gratuito.
  4. 4. Então Vamos lá!
  5. 5. 1° Passo  1° Crie um arquivo chamado form.html em seu computador (esse arquivo pode ser qualquer nome, de preferência utilize o programa notpad++ como já exibido em aula anterior)
  6. 6. 2° Passo 2° Inclua as Tags Principais de uma Página em HTML <html> <head> <title>Meu primeiro formulário em HTML</title> </head> <body> </body> </html> 
  7. 7. Vamos Explicar um pouco  As tags para criar um formulário são: <form></form>  Atributos principais: name,action,method  name - Nome atribuido ao formulário  action - devemos informar o nome da URL para a qual o conteúdo do formulário será submetido.  method - que é divido em POST,GET(irei falar apenas desses)
  8. 8. Mais Explicação  Outras tag ultilizada em um furmulário é: <input></input> e <label></label>  input - Define um campo de entrada  label - Define um rotulo para um controle
  9. 9. Então vamos montar nosso formulário... <html> <head> <title>Meu primeiro formulário em HTML</title> </head> <body> <form method="get" action="form.html" > <label>Nome:</label> <input name="nome" type="text" /> <label>Telefone:</label> <input name="telefone" type="text" /> <input type="submit" value="Enviar" /> </form> </body> </html>
  10. 10. Obrigado...e até a proxima  Não esqueça de me seguir no twitter @talesdejesus  Me add no Skype talesdejesus  E no facebook portaldedesigncriacaodesites  #Fui

×