Sem categoria

Aula 07 HTML – HyperText Markup Language – Formulários em HTML

Aula 07 HTML – HyperText Markup Language – Formulários em HTML

Olá Pessoal,

Nesta aula vamos falar sobre furmuários em HTML.
Lembrando que para entender melhor essa aula você precisa ter feito as
aulas anteriores.

Deixando seu comentário em nossas aulas ao final deste curso você
receberá um certificado de participação totalmente Gratuito.

Curso Gratis de HTML online - Tales Augusto

Curso Gratis de HTML online – Tales Augusto

Ao final desta aula não deixe de ver a vídeo aula nela você verá de
forma pratica como fazer um formulário completo.
Então Vamos lá!

1° Crie um arquivo chamado form.html em seu computador (esse arquivo
pode ser qualquer nome, de preferência ultilize o programa notpad++
como já exibido em aula anterior)

 

[php]

<html>
<head>
<title>Meu primeiro formulário em HTML</title>
</head>

<body>
</body>
</html>

[/php]

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)

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
Então vamos montar nosso formulário…

[php]

<html>
<head><title>Meu primeiro formulário em HTML</title></head>
<body>
<h1>Meu primeiro formulário em HTML</h1>
<form action="form.html" method="get"><label>Nome:</label>
<input type="text" name="nome" />
<label>Telefone:</label>
<input type="text" name="telefone" />
<input type="submit" value="Enviar" /></form>
</body>
</html>
[/php]

Confira a apresentação desta aula:

Assista a vídeo aula:


Código Fonte:  form

Fontes de Pesquisa:

http://www.clem.ufba.br/tuts/html/c11.htm

http://www.htmlstaff.org/ver.php?id=1664

www.juliobattisti.com.br/tutoriais/ericogoncalves/htmlbasico011.asp

Sobre o autor | Website

Fundador do www.portalvagas.com

ENTRE EM NOSSO GRUPO NO WHATSAPP E SEJA INFORMADO DE NOVOS CURSOS DIARIAMENTE!

Clique para entrar
100% Grátis

Para enviar seu comentário, preencha os campos abaixo:

Deixe um comentário

*

Seja o primeiro a comentar!