Sites

PROJETO 

DESENVOLVIMENTO DE SITES

Formulários

Form

Elemento para conter os controles do formulário e quaisquer outros elementos (parágrafos, listas, etc.) para complementar os seus controles.

Atributos principais do elemento Form

1.       action o programa que irá processar o formulário será definido no valor desse atributo, poderá ser um script ou um endereço eletrônico;

2.       method método de envio de dados ao servidor definido no valor desse atributo. Valores para esse atributo: o POST é o valor que corresponde ao envio de dados armazenados no formulário enquanto o GET corresponde ao envio dos dados codificados no URL e separados do endereço do script por um ponto de interrogação;

3.       accept-charset e a codificação de caracteres a ser aceita pelo servidor, definida pelo valor desse atributo.

Elemento input

Este elemento define, através do atributo type, os tipos de controles de formulário existentes.

1.       hidden envia ocultamente dados;

2.       text entrada de uma linha simples de texto;

3.       password entrada de uma linha de texto, mas com seus dados ocultados por “pontos”.

4.       Radio forma múltipla, ou não, de escolhas em forma de pontos buliados;

5.       checkbox semelhante ao radio, porém modo caixa;

6.       file viabiliza o envio de um arquivo;

7.       submit botão de envio do formulário;

8.       reset botão para limpar os dados até então preenchidos pelo usuário;

9.       button botão atrelado a um evento;

10.   image botão gráfico de envio do formuçário;

Agora os novos tipos de controles a partir do HTML5.

11.   color fornece a escolha de uma cor;

12.   date fornece a escolha de uma data que pode variar por valor mínimo (atributo min) e um máximo (atributo max);

13.   datetime-local além de apresentar a entrada da data, pode-se também inserir o horário;

14.   email padroniza a entrada de dados no formato de email;

15.   month entrada do mês e ano;

16.   number entrada de número em um campo próprio que pode variar por valor mínimo (atributo min) e um máximo (atributo max);

17.   range apresenta um método gráfico de determinar um valor numérico;

18.   search apresenta um campo de busca;

19.   tel apresenta um campo telefônico (suportado apenas no Safari 8);

20.   time fornece a entrada da hora e minuto pelo usuário;

21.   url padroniza a entrada de dados referentes a url’s de sites (endereços);

22.   week padroniza a entrada da semana.

Atributos existentes para os inputs

O atributo maxlength delimita a quantidade de caracteres que alguns campos podem receber.

O atributo value, através do seu valor, determina um novo nome para o tipo do input, principalmente para botões onde é largamente utilizado.

O atributo step determina um valor de intervalo entre o salto de um número para outro.

O atributo min e max determina os valores mínimos e máximos, respectivamente, de controles que apresentem números.

O atributo placeholder apresenta dentro do campo um texto subtendido, substituindo um texto externo descritivo.

Elementos utilizados no elemento ancestral form

Elemento select

Este elemento cria um menu de escolhas em um formulário, onde cada item do menu é apresentado através do elemento option.

Elemento textarea

Permite a entrada de múltiplas linhas em uma caixa de texto. Através dos atributos rows e cols determinam o número de linhas e colunas, ou seja, a largura e altura do campo. Substitua tal método pelo CSS.