Html/

Tag Input

< <img> | Índice | <ins> >

Relação de tags

---

A tag input

A tag <input> não possui tags de fechamento e é usada para selecionar e enviar informações escritas pelo usuário.

No formulário abaixo vemos um formulário html com três campos de texto input e um botão de enviar.

Exemplo:

<form action="processar.php" method="get">
  Nome Completo: <input type="text" name="cnome" /><br />
  Idade: <input type="text" name="idade" /><br />
  <input type="submit" value="Enviar" />
</form>

---

Uso da tag input

Os elementos <input> são usados dentro de um elemento <form> , para permitir que os usuários enviem dados.

Um elemento input pode variar de diversas maneiras dependendo do atributo type.

---

Suporte nos Browsers

A tag <input> está presente nos principais navegadores.

---

Dica

Use a tag <label> para definir etiquetas para elementos <input>.

---

Diferenças entre HTML e XHTML

No HTML, a tag <input> não possui tag de fechamento.

No XHTML, a tag <input> deve ser devidamente fechada com uma barra invertida no final da tag, como em <input />.

---

Atributos opcionais

O campo DTD indica quando o atributo é permitido no HTML 4.01/XHTML 1.0 .E podem ser S=Strict, T=Transitional e F=Frameset.

Atributo	Valor	Descrição	DTD
accept	audio/*, video/*, image/*, MIME_type	Especifica os tipos de arquivos que o servidor aceita (somente para type="file")	STF
align	left, right, top, middle, bottom	Deprecated. Use estilos css. Especifica o alinhamento de uma imagem (somente para type="image")	TF
alt	texto	Especifica um texto alternativo para uma imagem (somente para type="image")	STF
checked	checked	Especifica que uma tag <input> esteja pré selecionada quando a página carregar (para type="checkbox" ou type="radio")	STF
disabled	disabled	Especifica que um elemento <input> esteja desabilitado	STF
maxlength	number	Especifica o número máximo de caracteres permitidos em um elemento <input>	STF
name	name	Especifica o nome de um elemento <input>	STF
readonly	readonly	Especifica que um campo input seja somente de leitura	STF
size	number	Especifica a largura, em caracteres, de um elemento <input>	STF
src	URL	Especifica a URL de uma imagem para ser usada como botão de enviar "submit" (somente para type="image")	STF
type	button, checkbox, file, hidden, image, password, radio, reset, submit, text	Especifica o tipo "type" de elemento <input>	STF
value	texto	Especifica o valor de um elemento <input>	STF

---

Atributos padrão

A tag <input> possui os seguintes atributos padrão:

Atributo	Valor	Descrição	DTD
accesskey	character	Especifica um atalho de teclado para acessar um elemento	STF
class	nome-de-classe	Especifica um nome de classe para um elemento	STF
dir	rtl,ltr	Especifica a direção de texto para o conteúdo de um elemento	STF
id	id	Especifica um id único para um elemento	STF
lang	código de linguagem	Especifica um código de linguagem para o conteúdo de um elemento	STF
style	definição de estilo	Especifica um estilo em linha para um elemento	STF
tabindex	número	Especifica a ordem de tabs de um elemento	STF
title	texto	Especifica informação extra sobre um elemento	STF
xml:lang	código de lingugem	Especifica o código de linguagem para o conteúdo de um elemento, em documentos XHTML	STF

Maiores informações sobre atributos padrão.

---

Atributos de evento

A tag <input> possui os seguintes atributos de evento:

Atributo	Valor	Descrição	DTD
onblur	script	Script que será rodado quando um elemento perder foco	STF
onchange	script	Script que será rodado quando um elemento mudar	STF
onclick	script	Script que será rodado quando houver um click do mouse	STF
ondblclick	script	Script que será rodado em um duplo clique do mouse.	STF
onfocus	script	Script que será rodado quando um elemento obtiver foco	STF
onmousedown	script	Script que será rodado quando o botão do mouse for apertado	STF
onmousemove	script	Script que será rodado quando o ponteiro do mouse for movido	STF
onmouseout	script	Script que será rodado o ponteiro do mouse se mover para fora de um elemento	STF
onmouseover	script	Script que será roadado quando o ponteiro do mouse se mover sobre um elemento	STF
onmouseup	script	Script que será rodado quando o botão do mouse for solto	STF
onkeydown	script	Script que será rodado quando uma tecla for pressionada	STF
onkeypress	script	Script que será rodado quando uma tecla for pressionada e solta	STF
onkeyup	script	Script que será rodado quando uma tecla for solta	STF
onselect	script	Script que será rodado quando um elemento for selecionado	STF

Mais informações sobre atributos de evento.

< <img> | Índice | <ins> >