13/02/13

Formulrios HTML e entrada

portugus
INC IO HTML C SS JAVASC RIPT JQUERY XML ASP.NET PHP SQL MAIS ...
R e fe r ncias | EXEMPLO S | F R UM | SO BR E

Obter a certificao
Estudo Tecnologias Web e obter um diploma em w3schools.com

COMPARTILHE ESTA PGINA

C urtir

41 mil

HTML Bsico
HTML INCIO HTML Introduo HTML Editores de HTML Bsico HTML Elementos HTML Atributos de ttulos HTML pargrafos HTML HTML formatao HTML Ligaes HTML Cabea HTML CSS HTML Imagens HTML tabelas HTML Listas de Blocos de HTML HTML Layout de formulrios HTML Iframes HTML Cores HTML HTML Colornames HTML Colorvalues HTML JavaScript HTML Entities URL HTML codificar HTML Quick Lista Resumo HTML HTML XHTML

HTML Formulrios e entrada

Anterior Prximo Captulo
Formulrios HTML so usados para selecionar diferentes tipos de entrada do usurio.

Web Hosting
Best Web Hosting EUK Web Hosting UK Revenda de Hospedagem C loud Hosting top web hosting $ 3,98 Acolhimento ilimitado 250 + Hospedagem de Aplicativos

Tente voc mesmo - Exemplos

Criar campos de texto como criar campos de texto. O usurio pode escrever o texto em um campo de texto. Criar campo de senha Como criar um campo de senha. (Voc pode encontrar mais exemplos no final da pgina)

PRDIO WEB
XML Editor - C onfira! GRTIS Website Builder Website C reator GRTIS

Formulrios HTML
Formulrios HTML so usados p ara transmitir dados para um servidor. Um formulrio HTML pode conter elementos de entrada, como campos de texto, caixas de seleo, botes de rdio-, apresentar botes e mais. Um formulrio tambm pode conter listas de seleo, textarea, fieldset, legend, e elementos de rotulagem. O <form> usado para criar um formulrio HTML:

ESTATSTICAS
Navegador Estatsticas OS Estatsticas exibir estatsticas

<om fr> . ipteeet nu lmns . <fr> /om Traduzido para: Mostrar o original portugus

Opes

Formulrios HTML - o elemento de entrada

O elemento de forma mais importante o elemento <input>. O elemento <input> usado para selecionar as informaes do usurio. Um elemento <input> pode variar de muitas formas, dependendo do tipo de atributo. Um elemento <input> pode ser de campo de texto, tipo caixa, senha, boto de rdio, boto enviar, e muito mais. Os tipos mais comuns de entrada encontram-se descritos abaixo.

HTML5 Notcias
Intro HTML5 HTML5 Elementos HTML5 Canvas HTML5 SVG HTML5 arrastar / soltar HTML5 Geolocation HTML5 vdeo HTML5 de udio de entrada HTML5 Tipos HTML5 formar elementos Formulrio HTML5 Atributos HTML5 Web Armazenamento HTML5 App Cache HTML5 Web Trabalhadores HTML5 SSE

Os campos de texto
<input type="text"> define um campo de entrada de uma linha que um usurio pode digitar texto:

<om fr> Frtnm:<nu tp=tx"nm=frtae>b> is ae ipt ye"et ae"isnm"<r Ls nm:<nu tp=tx"nm=lsnm" at ae ipt ye"et ae"atae> <fr> /om
Como o cdigo HTML acima aparece no navegador: Nome: ltimo nome: Nota: A forma em si no visvel. Observe tambm que a largura padro de um campo de texto de 20 caracteres.

HTML Mdia
HTML Mdia objeto HTML HTML de udio de vdeo HTML HTML YouTube

Campo de senha
<input type="password"> define um campo de senha:

HTML Exemplos
Exemplos HTML HTML Quiz de HTML Certificado

<om fr> Pswr:<nu tp=pswr"nm=pd> asod ipt ye"asod ae"w" <fr> /om
Como o cdigo HTML acima aparece no navegador: Senha:

HTML Referncias
Tag HTML Lista de

Nota: Os caracteres em um campo de senha so mascarados (mostrado como asteriscos ou crculos).

www.w3schools.com/html/html_forms.asp

1/3

13/02/13
HTML Atributos de Eventos HTML HTML Canvas HTML de udio / vdeo HTML Doctypes HTML Colornames HTML ColorPicker HTML ColorMixer Personagem HTML Define HTML ASCII HTML ISO-8859-1 smbolos HTML URL HTML Encode HTML Lang Cdigos HTTP Mensagens HTTP Mtodos Atalhos de teclado Verso chinesa

Formulrios HTML e entrada

Botes de rdio
<input type="radio"> define um boto de rdio. Botes de rdio que um usurio selecionar apenas um de um nmero limitado de opes:

<om fr> <nu tp=rdo nm=sx vle"ae>aeb> ipt ye"ai" ae"e" au=ml"Ml<r <nu tp=rdo nm=sx vle"eae>eae ipt ye"ai" ae"e" au=fml"Fml <fr> /om
Como o cdigo HTML acima aparece no navegador: Masculino Feminino

Checkboxes
<input type="checkbox"> define uma caixa de seleo. Checkboxes permitir que um usurio selecionar zero ou mais opes de um nmero limitado de opes.

<om fr> <nu tp=ceko"nm=vhce vle"ie> hv abk<r ipt ye"hcbx ae"eil" au=Bk"I ae ieb> <nu tp=ceko"nm=vhce vle"a"Ihv acr ipt ye"hcbx ae"eil" au=Cr> ae a <fr> /om
Como o cdigo HTML acima aparece no navegador: Eu tenho uma bicicleta Eu tenho um carro

Boto Enviar
<input type="submit"> define um boto de envio. Um boto de envio usado para enviar os dados do formulrio para um servidor. Os dados so enviados para a pgina especificada no atributo a forma de ao. O arquivo definido no atributo action geralmente faz algo com a entrada recebida:

<omnm=ipt ato=hm_omato.s"mto=gt> fr ae"nu" cin"tlfr_cinap ehd"e" Uenm:<nu tp=tx"nm=ue" srae ipt ye"et ae"sr> <nu tp=sbi"vle"umt> ipt ye"umt au=Sbi" <fr> /om
Como o cdigo HTML acima aparece no navegador: Nome de usurio: Submeter

Se voc digitar alguns caracteres no campo de texto acima, e clique no boto "Enviar", o navegador ir enviar a sua entrada para uma pgina chamada "html_form_action.asp". A pgina ir mostrar-lhe a entrada recebida.

Mais exemplos de entrada

Botes de rdio Como criar botes de rdio. Checkboxes Como criar caixas de seleo. Um usurio pode marcar ou desmarcar uma caixa de seleo. Simples lista suspensa Como criar uma lista suspensa simples. Drop-down com um valor pr-selecionado Como criar uma lista drop-down com um valor pr-selecionado. Textarea Como criar um multi-linha de controle de entrada de texto. Em uma rea de texto o usurio pode escrever um nmero ilimitado de caracteres. Criar um boto Como criar um boto.

Exemplos de formulrios
Fieldset em torno do formulrio de dados Como criar uma borda em torno de elementos em um formulrio. Formulrio com campos de texto e um boto de envio Como criar um formulrio com dois campos de texto e um boto de envio. Formulrio com caixas de como criar um formulrio com duas caixas de seleo e um boto de envio. Formulrio com botes de rdio como criar um formulrio com dois botes de rdio, e um boto de envio. Enviar e-mail a partir de um formulrio Como enviar e-mail a partir de um formulrio.

HTML marcas de formulrio

Novo : novas tags em HTML5. Etiqueta Descrio

www.w3schools.com/html/html_forms.asp

2/3

13/02/13
<form> <input> <textarea> <label> <fieldset> <legend> <select> <optgroup> <option> <button> <datalist> <keygen> <output> Nova Nova Nova

Formulrios HTML e entrada

Define um formulrio HTML para entrada de usurio Define um controle de entrada Define um controle de entrada de vrias linhas (rea de texto) Define um rtulo para um elemento <input> Grupos de elementos relacionados de uma forma Define uma legenda para um elemento <fieldset> Define uma lista drop-down Define um grupo de opes relacionadas em uma lista drop-down Define uma opo em uma lista drop-down Define um boto clicvel Especifica uma lista de opes pr-definidas para controles de entrada Define um campo gerador de par de chaves (para formulrios) Define o resultado de um clculo

Anterior

Prximo Captulo

Top 10 Tutoriais
HTML Tutorial HTML5 Tutorial C SS Tutorial C SS3 Tutorial JavaScript Tutorial Tutorial jQuery SQL Tutorial Tutorial PHP ASP.NET Tutorial Tutorial XML

Top 10 Referncias
HTML/HTML5 Referncia C SS 1,2,3 Referncia C SS C ompatibilidade de navegador 3 JavaScript HTML DOM XML DOM PHP Referncia jQuery Referncia ASP.NET Referncia HTML C olors

Exemplos
Exemplos Exemplos Exemplos Exemplos Exemplos Exemplos Exemplos Exemplos Exemplos Exemplos Exemplos HTML C SS XML JavaScript HTML DOM DOM XML de AJAX ASP.NET Navalha ASP SVG

Quizzes
HTML quiz Quiz de XHTML C SS Teste Teste JavaScript jQuery quiz XML quiz ASP Teste Teste PHP SQL quiz

Color Picker

Estatstica
Navegador Estatsticas Navegador OS Navegador de exibio

RE L A T RI O D E E RRO

INC IO

TO P

P RI N T

F RU M

SO BRE

A NUNC IE C O M EUA

W3Schools otimizado para a aprendizagem, testes e treinamento. Exemplos podem ser simplificado para melhorar a leitura e compreenso bsica. tutoriais, referncias e exemplos so constantemente revisados para evitar erros, mas no podemos garantir correo plena de todo o contedo. Ao utilizar este site, voc concorda que leu e aceitou nossos termos de uso e poltica de privacidade . Direitos de autor 1999-2013 pelo Data Refsnes. Todos os direitos reservados.

www.w3schools.com/html/html_forms.asp

3/3