Ferramentas para Sistema Web Sistemas de Informação Aula 10 – 15/05/2013.

Slides:



Advertisements
Apresentações semelhantes
Exemplos de código WebForm1.aspx: Listas.aspx: TestaMarcadores.aspx:
Advertisements

Tutorial de Pesquisa Básica de Bibliotecas Acadêmicas
Universidade do Vale do Paraíba Colégio Técnico Antônio Teixeira Fernandes Disciplina Ferramenta de Desenvolvimento Material II-Bimestre Conceitos de lógica.
HTML - HiperText Markup Language Tecnologia para Web
WINDOWS Sistemas Operacionais PLATAFORMA TECNOLÓGICOS
Linguagem HTML Básica Formulários – Detalhamento dos Componentes
Conhecendo o VS2008: Windows Forms X Web Forms X Web Services
BD em.NET: Passo a passo conexão com SQL Server 1º Semestre 2010 > PUCPR > BSI Bruno C. de Paula.
Programação II Prof.: Bruno Rafael de Oliveira Rodrigues.
HTML – Hyper Text Markup Language
Formulários Um formulário é um modelo para a entrada de um conjunto de dados. O elemento delimita um formulário e contém uma seqüência de elementos de.
Acrescentando som e vídeo
Estatística Básica Utilizando o Excel
Prof. Neide Pizzolato Angelo
Utilizando a linguagem HTML para criar FORMULÁRIOS
Emitindo seu Certificado Digital
Html 4 – Formatação de Páginas Disciplina de Internet – QI – Aula 6 – Teórica- Prática Prof. Luciano Monteiro.
SmartFinance Na opção TAREFAS tem dois botões, para que novos sejam incluídos futuramente. Os atuais são DOCUMENTOS e RECADOS.
Compras - Controle de estoque por lote
Correio Eletrônico (Outlook Express) Mestrando em Computação
Cadastro de produtos por referência
Cadastrar serviço para um produto
Compras - Lista de preços IdentificaçãoCOM_017 Data Revisão16/10/2013.
Impressão de etiquetas
Protocolo HTTP e HTML Prof. Danton Cavalcanti Franco Junior
Linguagem de Programação para WEB
HTML.
Aulas ministradas por:
Formulários Objectivo: obter do utilizador respostas personalizadas
IGC do Brasil BT-1306: Como gerar seus relatórios especiais no ELF.net.
Material elaborado por
Curso de JavaWeb Módulo 1 e 2 Instrutores: Rodrigo Cardoso
Aula 2 – Primeiros Passos com a arquitetura Web Servidor
Formulários HTML Jobson Ronan
PHP - Formulário Instituto Vianna Júnior Desenvolvimento para Web Prof. Lúcia Helena de Magalhães 2008.
DESENVOLVIMENTO WEB II PHP Entrada e saída básica de dados (2ª parte)
Profº Cláudio Barbosa HTML – Formulários  Utilizados para enviar dados que serão processados por scripts nos servidores.
Oficina Plone Criação de Formulários
PROGRAMAÇÃO PARA INTERNET Prof.: Jean Carlo Mendes
UNIPAC – ARAGUARI CAMPUS – IX PROF. EVERTON HIPÓLITO DE FREITAS Antes de começar com J2EE.
Formulários HTML Professor Rafael Silva. Criação do formulário Elementos do formulário Action: Script, página ou para onde será enviado o formulário.
7 - Criação de Páginas Web
Primeiro Técnico Navegadores.
1 Limites e Preenchimentos da Tabela Limites e preenchimento {Borders and Shading}, do menu Tabela {Table}, na barra de Ferramentas Tabelas e limites.
Ferramentas para Sistema Web
MICROSOFT WORD AULA DO DIA 16/10/2009
Aula 2 – Primeiros Passos com a arquitetura Web Servidor Instituto Metodista Izabela Hendrix Curso de Tecnologia em Análise e Desenvolvimento de Sistemas.
HTML e CSS Profa. Cintia Carvalho Oliveira
Unidade 2 – Revisão de HTML, CSS e Formulários Prof.: Henrique Santos
Unidade 6 – Formulários HTML Prof.: Henrique Santos
PHP e Formulários Web.
Relação 1 Relação de Produtos com Serviços Vinculados- OS.
Compras – Planejamento de Estoque
Linguagens Web - Cliente Aula 2 Introdução ao HTML e XHTML Prof. Gilmar Medeiros – Fevereiro/2010 Instituto Metodista Izabela Hendrix Curso de Tecnologia.
UNIPAC – ARAGUARI CAMPUS – IX PROF. EVERTON HIPÓLITO DE FREITAS
José Francisco PHP & MySQL. Os slides originais são parte do material de cursos anteriores do curso de PHP, ministrados por Sérgio Clemente.
Desenvolvimento Web com Banco de Dados
Curso de Gestão da Informação Prof. Dr. Daniel A. Furtado Módulo 2 Universidade Federal de Uberlândia Faculdade de Computação.
UCSal – Tecnologia em Análise e Desenvolvimento de Sistemas Programação para Aplicações WEB Profa. Semíramis Assis
Academia de Ensino Superior Prof. André Morais Desenvolvimento de Aplicações Web na plataforma Microsoft Desenhando a página.
Links, Textos e Ancoras Profª Kelly E. Medeiros.
Aplicativos para Internet Aula 07 Formulários. Aplicações web dinânicas normalmente precisam receber entradas de dados de seus usuários. Para atender.
PROGRAMAÇÃO PARA INTERNET Prof.: Jean Carlo Mendes
1 HTML Prof. Esp. Andrew Rodrigues Aula 03. II - Linguagem de Marcação HTML 2 Tabelas Cria uma tabela. Linha de uma tabela Célula individual numa linha.
1 HTML Prof. Esp. Andrew Rodrigues Aula: Table e Form andrewtec.wordpress.com.
Prof. João Ricardo Andrêo Programação p/ INTERNET - HTML 29/5/ :57 1 Formulários A linguagem HTML, permite que o browser realize uma interação com.
Design para Web 8 Formulários Formularios.
FORMULÁRIOS FORMULARIOS. Introdução O formulário é um importante meio de comunicação, transmissão e registro de informações, principalmente as baseadas.
Formulários Um formulário é um modelo para a entrada de um conjunto de dados. O elemento delimita um formulário e contém uma seqüência de elementos.
TECNOLOGIA WEB HTML Formulários Aula 6 Profa. Rosemary Melo.
Transcrição da apresentação:

Ferramentas para Sistema Web Sistemas de Informação Aula 10 – 15/05/2013

Formulários Os Formulários em HTML são usados para selecionar diferentes tipos de entradas do usuário. Os formulários são compostos de elementos que permitem o usuário entrar informação (como campos de texto, campos de área de texto, menus drop-down, botões radiais, caixas de seleção, etc.). 2

A tag input A tag input permite que o elemento que a contenha assuma diversas formas dependendo do seu atributo type. O atributo type pode receber os seguintes valores: text - cria uma caixa de texto de uma linha. password - cria uma caixa de texto de uma linha escondendo os caracteres digitados. checkbox - cria uma caixa que assume dois estados: checado e "deschecado". Em conjunto com o atributo name é possível que se crie um grupo de checkboxes no qual umou mais checkboxes seja "checado". radio - cria uma caixa que assume dois estados: checado e "deschecado". Em conjunto com o atributo name é possível que se crie um grupo de radios no qual apenas um radio seja "checado". 3

A tag input button - cria um botão. Através do atributo value definimos o texto do botão. submit - cria um botão para o envio do formulário. Através do atributo value definimos o texto do botão. file - cria um botão que, ao ser clicado, abre uma caixa de diálogo para a escolha de um arquivo no computador do usuário. reset - cria um botão que descarta todas as alterações feitas dentro de um formulário. Através do atributo value definimos o texto do botão. 4

Exemplo de uso da tag input 5

6

A tag select A tag select permite ao usuário escolher um ou mais itens de uma lista. O atributo multiple, quando presente, informa ao navegador que mais de um item pode ser selecionado. A lista de itens deve ser informada através de elementos option. Tais elementos devem ser filhos diretos ou indiretos de elementos select. Além disso, cada item pode conter o atributo chamado value para informar o valor associado a uma determinada opção. 7

Exemplo de uso da tag select 8

9

A tag textarea A tag textarea exibe uma caixa de texto na qual o usuário poderá inserir um texto qualquer. A diferença para a tag input com o atributo type com o valor text é que a tag textarea permite a inserção de textos mais longos e com quebras de linha. 10

Exemplo de uso da tag textarea 11

A tag label Em alguns dos exemplos anteriores foram inseridos textos ao lado dos elementos de formulário apresentados. Podemos pensar nesses textos como rótulos de cada elemento e é exatamente para esse fim que devemos utilizar a tag label do HTML. Além de servir como rótulo, a tag label auxilia o usuário a interagir com os elementos do formulário. Utilizando o atributo for podemos fazer com que um elemento do formulário receba o foco. 12

Exemplo de uso da tag label 13

14

A tag form A tag form irá definir, de fato, o nosso formulário. Todos os elementos de formulário que vimos anteriormente devem ser filhos diretos ou indiretos de um elemento com a tag form para que os dados vinculados a esses elementos sejam enviados. O papel do formulário é enviar os dados contidos nele para algum lugar, mas para onde? O atributo action é quem diz para onde os dados de um formulário deve ser enviado. Além disso, devemos informar a maneira como queremos que esses dados sejam enviados, ou seja, se queremos que eles sejam enviados através de uma requisição do tipo GET ou POST (métodos de envio definidos no protocolo HTTP). 15

Exercícios 1.Crie um documento HTML em um arquivo chamado formulario.html na sua pasta com diversos elementos de formulário e para cada elemento crie um label. Cada label deve focar o elemento de formulário correspondente. 16

Solução 1 17

18

Exercícios 2.Em um documento HTML, crie um formulário que utilize as tags input, select, label e textarea. Tente utilizar todos os tipos do elemento input vistos. 19

Fim 20