FORMULÁRIOS FORMULARIOS. Introdução O formulário é um importante meio de comunicação, transmissão e registro de informações, principalmente as baseadas.

Apresentação em tema: "FORMULÁRIOS FORMULARIOS. Introdução O formulário é um importante meio de comunicação, transmissão e registro de informações, principalmente as baseadas."— Transcrição da apresentação:

1 FORMULÁRIOS FORMULARIOS

2 Introdução O formulário é um importante meio de comunicação, transmissão e registro de informações, principalmente as baseadas em dados quantitativos. Devemos saber que formulário é um assunto a ser tratado com muito atenção, pois os sistemas são apoiados por documentos cujo a clareza, formato e contéudo tornam esses documentos eficazes e eficientes.

3 Importância dos Formulários A importância dos dados e informações; As exigências legais e governamentais exigem o armazenamento de certas informações; Padronização dos dados; Documentação;

4 Importância dos Formulários A padronização nas comunicações, sendo que este é um dos aspectos mais importantes no esquema da eficiência da comunicação das empresas; O armazenamento de dados e informações, sendo que este aspecto está relacionado à vida e à história dos vários assuntos da empresa;

5 Como é composto um formulário? Formulário é constituído de: - Dados fixos (impressos antes do uso) - Dados variáveis (anotados posteriormente)

6 Formulários em Sites O uso de formulários em sites é algo muito comum. É utilizado para cadastros, verificação de login e senha, pesquisas, e qualquer outro tipo de entrada de dados.

7 Exemplo de formulário em Site

8 Criando formulários WEB Formulários são elementos HTML. Dependem de algum elemento dinâmico (inteligente) para funcionar. Por exemplo: uma Página PHP. Sendo assim, a parte visual do Formulário (Campos) é toda feita em HTML e toda a sua parte funcional em um PHP.

9 Formularios em HTML Os Formularios em HTML são criados através da tag(comando) : Os campos de preenchimento do Formulario são chamados de inputs. E são utilizam as tags :

10 TAG A tag pode ter quatro tipos diferentes de atributos: * name * action * method * enctype Ex:

11 TAG Name = Nome do formulario Action= Endereço da pagina onde o formulário será recebido. Method= Método de envio do formulário. Pode ser GET ou POST. Enctype=Formato em que os dados serão enviados. Padrão: urlencoded (para textos) Formato para formularios de upload de arquivos: multipart/form- data Ex:

12 Method GET GET: Os formulários que trabalham em método GET enviam os valores preenchidos nos formulários abertamente pela barra de endereços do navegador. É possível ver os dados que foram preenchidos no formulário na barra de endereços, tendo assim um sigilo fraco das informações.

13 Method POST POST: Os formulários que trabalham em método POST enviam os valores preenchidos nos formulários de forma oculta. Apenas podendo ser vistos pela pagina que o recebe. É ideal para formulários que enviem Login, senhas, e demais dados sigilosos.

14 Cada elemento de preenchimento do formulário é representado por um Cada elemento possui seus próprios parâmetros, mas alguns são comuns entre eles.  Type: Define o tipo de campo ( text, password, checkbox etc);  Name: Define o nome do campo;  Value: Um valor pré-definido para o campo  Size: Tamanho do campo em número de caracteres.

15 Cria uma caixa de preenchimento para textos. Ex: Nome

16 Cria uma caixa de preenchimento para senhas, ocultando os valores digitados com bolinhas. Ex: Senha

17 Cria uma caixa de marcação entre duas ou mais opções, permitindo apenas uma marcação por vez. Ex: Sexo Masculino Feminino

18 Cria uma caixa de marcação entre duas ou mais opções, permitindo apenas uma marcação por vez. Ex: Sexo Masculino Feminino

19 Cria uma caixa de marcação entre duas ou mais opções, permitindo a marcação de uma ou mais opções. Ex: Filmes preferidos Comedia Terror Ficção

20 Cria uma caixa de texto para textos maiores, por exemplo comentarios. Ex: Obs: Comentarios Cols= número de caracteres na horizontal Rows= número máximo de linhas

21 Cria um campo para seleção de valores já pre- definidos. Ex: Cidade Mtz PL BH

22 Botões Submit: Utilizado para enviar os dados do formulário para o script descrito na seção “action” da definição do formulário Reset: Utilizado para fazer todos os campos do formulário retornem ao valor original, quando a página foi carregada. Bastante utilizado como botão “limpar.

23 Criando o primeiro formulario.php

24