SlideShare une entreprise Scribd logo
XHTML - Formulários
3 AULA
Formulários
Os Formulários em HTML são usados para selecionar diferentes tipos de entradas do utilizador.
O elemento <form> define um formulário HTML:
<form>
.
form elements
.
</form>
Formulários
Formulários HTML contêm elementos de formulário.
Elementos de formulário são diferentes tipos de elementos de entrada, caixas de seleção, botões de
rádio, botões de envio, e muito mais.
O elemento <input> é o elemento mais importante forma.
O elemento <input> tem muitas variações, dependendo do tipo de atributo.
Aqui estão os tipos mais usados ​:
texto Define a entrada de texto normal
rádio Define a entrada botão de rádio (para a seleção de uma das muitas opções)
enviar Define um botão de envio (para submeter o formulário)
Formulários
Entrada de texto
<Input type = "text"> define um campo de entrada de uma linha para a entrada de texto:
Exemplo
Nome: <input type="text"/>
Apelido: <input type="text"/>
Formulários
HTML <textarea> Tag
Exemplo
Uma área de texto HTML:
<textarea rows="10" cols="40">Escreva aqui a sua mensagem...</textarea>
Formulários
HTML <option> Tag
Exemplo
A lista drop-down com quatro opções:
<select>
<option value="0">Escolha a cidade...</option>
<option value="Loc_Lisboa">Lisboa</option>
<option value="Loc_Porto">Porto</option>
<option value="Loc_Faro">Faro</option>
</select>
Formulários
Botão Radio Input
<Input type = "radio"> define um botão de rádio.
Os botões de rádio permitem que o usuário selecione um de um número limitado de opções:
Exemplo
manhã:<input type="radio" name="curso" checked="checked"/>
tarde:<input type="radio" name="curso"/>
noite:<input type="radio" name="curso"/>
Formulários
Botão checkbox Input
<Input type = " checkbox "> define um botão de checkbox .
Os botões de checkbox permitem que o utilizador selecione várias opções de uma lista :
Exemplo
html:<input type="checkbox"/>
css:<input type="checkbox" checked="checked"/>
Formulários
O botão Enviar
<Input type = "submit"> define um botão para enviar um formulário a um formulário-manipulador.
A forma de manipulador é tipicamente uma página do servidor com um script para o processamento de
dados de entrada.
A forma de manipulador é especificado no atributo action do formulário:
Exemplo
<form>
<form action="action_page.php">
Email
<input type="text"/>
<input type="submit" value="Enviar"/>
</form>
Formulários
Exemplo:
Luis Fernandes
luishmafernandes@gmail.com

Contenu connexe

Similaire à Aula3 xhtml

Curso de html formularios
Curso de html formulariosCurso de html formularios
Curso de html formularios
Erik Cunha
 
4 - Introdução ao Desenvolvimento Web - Formulários (pt 1)
4 - Introdução ao Desenvolvimento Web - Formulários (pt 1)4 - Introdução ao Desenvolvimento Web - Formulários (pt 1)
4 - Introdução ao Desenvolvimento Web - Formulários (pt 1)
Mauro Duarte
 
Aula formularios 1
Aula formularios 1Aula formularios 1
Aula formularios 1
Denise Lima
 
RCOM 11º Ano - HTML
RCOM 11º Ano - HTMLRCOM 11º Ano - HTML
RCOM 11º Ano - HTML
Escola Secundária de Vizela
 
07 html formulários
07 html   formulários07 html   formulários
07 html formulários
Centro Paula Souza
 
Ambiente web 12
Ambiente web 12Ambiente web 12
Ambiente web 12
Anderson Henrique
 
Técnicas e processos - HTML / CSS - aula 8
Técnicas e processos - HTML / CSS - aula 8Técnicas e processos - HTML / CSS - aula 8
Técnicas e processos - HTML / CSS - aula 8
Ritielle de Souza
 
Formulário HTML
Formulário HTMLFormulário HTML
Formulário HTML
Evandro Manara Miletto
 
Formulários
FormuláriosFormulários
Formulários
jonatasoliveira
 
Formularios
FormulariosFormularios
Formularios
Denise Lima
 
Introdução ao HTML
Introdução ao HTMLIntrodução ao HTML
Introdução ao HTML
Álvaro Farias Pinheiro
 
Formulários em html
Formulários em htmlFormulários em html
Formulários em html
MaraSilviaMarelli
 
Html (formulário)
Html (formulário)Html (formulário)
Html (formulário)
andreluizlc
 
Construcao formularios word_2003[1]
Construcao formularios word_2003[1]Construcao formularios word_2003[1]
Construcao formularios word_2003[1]
sonialeote
 

Similaire à Aula3 xhtml (14)

Curso de html formularios
Curso de html formulariosCurso de html formularios
Curso de html formularios
 
4 - Introdução ao Desenvolvimento Web - Formulários (pt 1)
4 - Introdução ao Desenvolvimento Web - Formulários (pt 1)4 - Introdução ao Desenvolvimento Web - Formulários (pt 1)
4 - Introdução ao Desenvolvimento Web - Formulários (pt 1)
 
Aula formularios 1
Aula formularios 1Aula formularios 1
Aula formularios 1
 
RCOM 11º Ano - HTML
RCOM 11º Ano - HTMLRCOM 11º Ano - HTML
RCOM 11º Ano - HTML
 
07 html formulários
07 html   formulários07 html   formulários
07 html formulários
 
Ambiente web 12
Ambiente web 12Ambiente web 12
Ambiente web 12
 
Técnicas e processos - HTML / CSS - aula 8
Técnicas e processos - HTML / CSS - aula 8Técnicas e processos - HTML / CSS - aula 8
Técnicas e processos - HTML / CSS - aula 8
 
Formulário HTML
Formulário HTMLFormulário HTML
Formulário HTML
 
Formulários
FormuláriosFormulários
Formulários
 
Formularios
FormulariosFormularios
Formularios
 
Introdução ao HTML
Introdução ao HTMLIntrodução ao HTML
Introdução ao HTML
 
Formulários em html
Formulários em htmlFormulários em html
Formulários em html
 
Html (formulário)
Html (formulário)Html (formulário)
Html (formulário)
 
Construcao formularios word_2003[1]
Construcao formularios word_2003[1]Construcao formularios word_2003[1]
Construcao formularios word_2003[1]
 

Plus de Luis Fernandes

Como se tornar um líder excecional
Como se tornar um líder excecionalComo se tornar um líder excecional
Como se tornar um líder excecional
Luis Fernandes
 
Como fazer evoluir a sua área de service desk
Como fazer evoluir a sua área de service deskComo fazer evoluir a sua área de service desk
Como fazer evoluir a sua área de service desk
Luis Fernandes
 
Introdução á programação - 1ª parte
Introdução á programação - 1ª parteIntrodução á programação - 1ª parte
Introdução á programação - 1ª parte
Luis Fernandes
 
Dicas para gerir o tempo de forma eficiente
Dicas para gerir o tempo de forma eficienteDicas para gerir o tempo de forma eficiente
Dicas para gerir o tempo de forma eficiente
Luis Fernandes
 
Aula2 xhtml
Aula2 xhtmlAula2 xhtml
Aula2 xhtml
Luis Fernandes
 
Aula1 xhtml
Aula1 xhtmlAula1 xhtml
Aula1 xhtml
Luis Fernandes
 
Especificação requisitos
Especificação requisitosEspecificação requisitos
Especificação requisitos
Luis Fernandes
 
Codigo barras
Codigo barrasCodigo barras
Codigo barras
Luis Fernandes
 
Procrastinação
ProcrastinaçãoProcrastinação
Procrastinação
Luis Fernandes
 
Satisfazer clientes
Satisfazer clientesSatisfazer clientes
Satisfazer clientes
Luis Fernandes
 
Como gerir o seu tempo e ganhar produtividade 1
Como gerir o seu tempo e ganhar produtividade 1Como gerir o seu tempo e ganhar produtividade 1
Como gerir o seu tempo e ganhar produtividade 1
Luis Fernandes
 
Iva liquidado pelo adquirente
Iva liquidado pelo adquirenteIva liquidado pelo adquirente
Iva liquidado pelo adquirente
Luis Fernandes
 
10 passosreuniões
10 passosreuniões10 passosreuniões
10 passosreuniões
Luis Fernandes
 

Plus de Luis Fernandes (13)

Como se tornar um líder excecional
Como se tornar um líder excecionalComo se tornar um líder excecional
Como se tornar um líder excecional
 
Como fazer evoluir a sua área de service desk
Como fazer evoluir a sua área de service deskComo fazer evoluir a sua área de service desk
Como fazer evoluir a sua área de service desk
 
Introdução á programação - 1ª parte
Introdução á programação - 1ª parteIntrodução á programação - 1ª parte
Introdução á programação - 1ª parte
 
Dicas para gerir o tempo de forma eficiente
Dicas para gerir o tempo de forma eficienteDicas para gerir o tempo de forma eficiente
Dicas para gerir o tempo de forma eficiente
 
Aula2 xhtml
Aula2 xhtmlAula2 xhtml
Aula2 xhtml
 
Aula1 xhtml
Aula1 xhtmlAula1 xhtml
Aula1 xhtml
 
Especificação requisitos
Especificação requisitosEspecificação requisitos
Especificação requisitos
 
Codigo barras
Codigo barrasCodigo barras
Codigo barras
 
Procrastinação
ProcrastinaçãoProcrastinação
Procrastinação
 
Satisfazer clientes
Satisfazer clientesSatisfazer clientes
Satisfazer clientes
 
Como gerir o seu tempo e ganhar produtividade 1
Como gerir o seu tempo e ganhar produtividade 1Como gerir o seu tempo e ganhar produtividade 1
Como gerir o seu tempo e ganhar produtividade 1
 
Iva liquidado pelo adquirente
Iva liquidado pelo adquirenteIva liquidado pelo adquirente
Iva liquidado pelo adquirente
 
10 passosreuniões
10 passosreuniões10 passosreuniões
10 passosreuniões
 

Dernier

Segurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas PráticasSegurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas Práticas
Danilo Pinotti
 
Logica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptxLogica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptx
Momento da Informática
 
História da Rádio- 1936-1970 século XIX .2.pptx
História da Rádio- 1936-1970 século XIX   .2.pptxHistória da Rádio- 1936-1970 século XIX   .2.pptx
História da Rádio- 1936-1970 século XIX .2.pptx
TomasSousa7
 
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
Faga1939
 
Manual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdfManual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdf
WELITONNOGUEIRA3
 
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdfTOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
Momento da Informática
 
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdfEscola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Gabriel de Mattos Faustino
 

Dernier (7)

Segurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas PráticasSegurança Digital Pessoal e Boas Práticas
Segurança Digital Pessoal e Boas Práticas
 
Logica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptxLogica de Progamacao - Aula (1) (1).pptx
Logica de Progamacao - Aula (1) (1).pptx
 
História da Rádio- 1936-1970 século XIX .2.pptx
História da Rádio- 1936-1970 século XIX   .2.pptxHistória da Rádio- 1936-1970 século XIX   .2.pptx
História da Rádio- 1936-1970 século XIX .2.pptx
 
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
PRODUÇÃO E CONSUMO DE ENERGIA DA PRÉ-HISTÓRIA À ERA CONTEMPORÂNEA E SUA EVOLU...
 
Manual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdfManual-de-Credenciamento ANATER 2023.pdf
Manual-de-Credenciamento ANATER 2023.pdf
 
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdfTOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
TOO - TÉCNICAS DE ORIENTAÇÃO A OBJETOS aula 1.pdf
 
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdfEscola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
Escola Virtual - Fundação Bradesco - ITIL - Gabriel Faustino.pdf
 

Aula3 xhtml

  • 2. Formulários Os Formulários em HTML são usados para selecionar diferentes tipos de entradas do utilizador. O elemento <form> define um formulário HTML: <form> . form elements . </form>
  • 3. Formulários Formulários HTML contêm elementos de formulário. Elementos de formulário são diferentes tipos de elementos de entrada, caixas de seleção, botões de rádio, botões de envio, e muito mais. O elemento <input> é o elemento mais importante forma. O elemento <input> tem muitas variações, dependendo do tipo de atributo. Aqui estão os tipos mais usados ​: texto Define a entrada de texto normal rádio Define a entrada botão de rádio (para a seleção de uma das muitas opções) enviar Define um botão de envio (para submeter o formulário)
  • 4. Formulários Entrada de texto <Input type = "text"> define um campo de entrada de uma linha para a entrada de texto: Exemplo Nome: <input type="text"/> Apelido: <input type="text"/>
  • 5. Formulários HTML <textarea> Tag Exemplo Uma área de texto HTML: <textarea rows="10" cols="40">Escreva aqui a sua mensagem...</textarea>
  • 6. Formulários HTML <option> Tag Exemplo A lista drop-down com quatro opções: <select> <option value="0">Escolha a cidade...</option> <option value="Loc_Lisboa">Lisboa</option> <option value="Loc_Porto">Porto</option> <option value="Loc_Faro">Faro</option> </select>
  • 7. Formulários Botão Radio Input <Input type = "radio"> define um botão de rádio. Os botões de rádio permitem que o usuário selecione um de um número limitado de opções: Exemplo manhã:<input type="radio" name="curso" checked="checked"/> tarde:<input type="radio" name="curso"/> noite:<input type="radio" name="curso"/>
  • 8. Formulários Botão checkbox Input <Input type = " checkbox "> define um botão de checkbox . Os botões de checkbox permitem que o utilizador selecione várias opções de uma lista : Exemplo html:<input type="checkbox"/> css:<input type="checkbox" checked="checked"/>
  • 9. Formulários O botão Enviar <Input type = "submit"> define um botão para enviar um formulário a um formulário-manipulador. A forma de manipulador é tipicamente uma página do servidor com um script para o processamento de dados de entrada. A forma de manipulador é especificado no atributo action do formulário: Exemplo <form> <form action="action_page.php"> Email <input type="text"/> <input type="submit" value="Enviar"/> </form>