Codex

< <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:


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> >