HTML CSS

Desenvolvimento em
Ambiente WEB
HTML e CSS

Formulários
 Formulários são páginas ou trechos de páginas
HTML capazes de permitir a coleta de dados do usuário.  Por meio deles é possível interagir diretamente com seus visitantes, fazer pesquisas, estabelecer relacionamentos comerciais e recolher qualquer informação devidamente fornecida pelo visitante.

Desenvolvimento em Ambiente Web - HTML e CSS

Pag.

2

5/7/15

Estrutura básica de um formulário
 Estrutura simplificada de um formulário.

<form action = “” method = “”> elementos do formulário
</form>
Desenvolvimento em Ambiente Web - HTML e CSS

Pag.

3

5/7/15

Formulários - Atributos
Atritbuto

Função

Exemplo

action

Define qual programa ou agente, instalado no servidor, fará o processamento e manipulação dos dados do formulário. Permite também definir o endereço de e-mail para transmissão de dados.

<form action = http://www.site.com.br/cgi-bin/teste> Ou
< form action = mailto:[e-mail] method = “post”>

method

Define o método HTTP utilizado para envio dos dados. Os valores possíveis são:
•
Get: envia dados do formulário, separados com o sinal “?” junto com a URL definida pelo atributo action para o programa de processamento; •
Post: Envia os dados incorporados ao corpo do formulário para o programa de processamento <form method = “post>

Desenvolvimento em Ambiente Web - HTML e CSS

Pag.

4

5/7/15

Como funcionam os formulários

Browser

Formulário e Dados
Empacotados

Página (X)HTML
Desenvolvimento em Ambiente Web - HTML e CSS

Servidor WEB

Aplicação WEB

Pag.

5

5/7/15

Elementos utilizados em um formulário
 Elemento <input type = “...”...>
 Especifica uma variedade de editáveis dentro de um formulário.

Desenvolvimento em Ambiente Web - HTML e CSS

campos

Pag.

6

5/7/15

Elementos utilizados em um formulário
 Caixa de Texto – permite inserir uma caixa de texto de uma única linha  Elemento <input type = “text” name=“nome”>
Atritbuto

Função

Exemplo

Value

Define o conteúdo