Baixe o app para aproveitar ainda mais
Prévia do material em texto
Tecnologias Web João Paulo Brognoni Casati Aula 7 * Conteúdo da Aula Listas em HTML Formulários em HTML Controles de Formulário Text Password Textarea Submit Reset * * Listas em HTML Listas ordenadas Numérica Algarismos arábicos (1, 2, 3...) Algarismos romanos (i, ii, iii...) Alfabética Letras (a, b, c...) * * Listas em HTML Código HTML Listas Ordenadas * * Listas em HTML Página Web Listas Ordenadas * * Listas em HTML Listas não-ordenadas Círculo Quadrado Listas de Descrição Termo Descrição do termo * * Listas em HTML Código HTML Lista Não-ordenada * * Listas em HTML Código HTML Lista de Descrição * * Listas em HTML Página Web Lista Não-ordenada Lista de Descrição * * Formulários em HTML Formulários Envio de dados para processamento no servidor Elemento na página HTML: TAG: <form> * * Formulários em HTML A TAG <form> Especificar a ação quando submetido o formulário Action Especificar qual o método de submissão dos dados GET POST * * Formulários em HTML O método GET Informações enviadas a uma página Limite de 1024 caracteres Dados definidos na URL Separados por ? e & Exemplo: * www.pagina.com.br/index.html?nome=Joao&idade=28 * Formulários em HTML O método POST Dados são codificados no cabeçalho HTTP Sem limite de tamanho Não são visíveis ao usuário Pode-se enviar qualquer tipo de dados Fotos para upload Arquivos Texto Outros... * * Formulários em HTML Estrutura de um formulário * * Controles de Formulário Controles de Formulário São elementos de interação do usuário Para a submissão de dados para o servidor Cada controle tem um objetivo e uso diferenciado * * Controles de Formulário Propriedades dos controles A maioria dos controles possui Value: valor que é enviado ao servidor Name: nome para acesso aos dados Type: tipo de controle TAG: <input> * * Controles de Formulário O controle Text É um campo de texto livre com uma linha O texto digitado é visível * <input type=“text” name=“nome” value=“”/> * Controles de Formulário O controle Textarea Semelhante ao controle Text O texto digitado não é visível <input type=“password” name=“senha” value=“”/> * Controles de Formulário O controle Textarea Semelhante ao controle Text Possui TAG própria Permite várias linhas * <textarea name=“msg” rows=“2” cols=“20”> VALOR </textarea> * Controles de Formulário O controle Submit Botão que envia os dados do formulário O controle Reset Botão que limpa os dados do formulário * <input type="submit" value="Enviar Dados"> <input type="reset" value="Limpar Dados"> Tecnologias Web João Paulo Brognoni Casati Atividade 7 * * Atividades 1 – Qual a TAG que define uma lista ordenada? Resposta: <ol> * * Atividades 2 – Qual a TAG que engloba todo um formulário Web? Resposta: <form>. * * Atividades 3 – O que acontece se algum controle do meu formulário estiver fora do escopo da TAG <form>? Resposta: Os dados deste controle não são enviados ao servidor. * * Atividades 4 – Cite duas vantagens de se utilizar o método POST para envio dos dados de um formulário. Resposta: Em caso de envio de dados sigilosos, estes não são visíveis ao usuário. Não tem limite de tamanho para os dados enviados. * * Atividades 5 – Para a digitação de uma senha, qual o controle mais indicado? Resposta: O controle password, pois os dados digitados ficam invisíveis.
Compartilhar