--- title: slug: Web/HTML/Element/Input translation_of: Web/HTML/Element/input ---

O elemento HTML <input> é usado para criar controles interativos para formulários baseados na web para receber dados do usuário. A semântica de um <input> varia consideravelmente dependendo do valor de seu atributo type.

Atributos

Este elemento inclui os atributos globais.

{{htmlattrdef("type")}}
O tipo de controle a ser exibido. O tipo padrão é text, se este atributo não for especificado. Os valores possíveis são:
{{htmlattrdef("accept")}}
Se o valor do atributo type for file, este atributo indica quais tipos de arquivo o servidor aceita; caso contrário, este atributo é ignorado. O valor deve ser uma lista de especificadores de tipo únicos separados por vírgula:
{{htmlattrdef("accesskey")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline", "HTML5")}}
Um único caractere que o usuário pode pressionar para mudar o foco de entrada de dados para este controle. Este atributo é global no HTML5.
{{htmlattrdef("mozactionhint")}} {{non-standard_inline}}
Especifica uma "dica de ação" usada para determinar como rotular a tecla Enter em dispositivos móveis com teclados virtuais. Os valores suportados são go, done, next, search e send; estes valores são automaticamente mapeados para o texto apropriado (maiúsculas e minúsculas não são diferenciadas).
{{htmlattrdef("autocapitalize")}} {{non-standard_inline}}
Este é um atributo não padronizado usado pelo iOS Safari Mobile que controla se e como o texto deveria ser automaticamente capitalizado conforme o usuário insere/edita. Os valores não obsoletos estão disponíveis no iOS 5 e posteriores. Os valores possíveis são:
{{htmlattrdef("autocomplete")}} {{HTMLVersionInline("5")}}
Este atributo indica se o valor do controle pode ser completado automaticamente pelo navegador. Este atributo é ignorado se o valor do atributo type é hidden, password, checkbox, radio, file ou um tipo de botão (button, submit, reset, image). Os valores possíveis são:

Se o atributo autocomplete não está especificado num elemento <input>, o navegador usa o valor do atributo autocomplete do formulário dono do <input>. O formulário dono deste <input> é o elemento <form> que contém este <input> ou o elemento <form> cujo id é referenciado pelo atributo form do elemento <input>. Para mais informações, veja o atributo {{htmlattrxref("autocomplete", "form")}} no elemento {{HTMLElement("form")}}.

O atributo autocomplete também controla se o Firefox vai, ao contrário de outros navegadores, persistir o estado dinâmico de desabilitado e marcado (se aplicável) de um {{HTMLElement("input")}} entre carregamentos de página. A funcionalidade de persistir é habilitada por padrão. Definir o valor do atributo autocomplete para off desabilita esta funcionalidade; isto funciona mesmo quando o atributo autocomplete não se aplica ao {{HTMLElement("input")}} por causa de seu type. Veja {{bug(654072)}}.

{{htmlattrdef("autocorrect")}} {{non-standard_inline}}
Este é um atributo não padronizado suportado pelo Safari que é usado para controle se a correção automática deveria ser habilitada quando o usuário entra/edita o texto do {{HTMLElement("input")}}. Os valores possíveis são:
{{htmlattrdef("autofocus")}} {{HTMLVersionInline("5")}}
Este atributo booleano permite que você especifique que um controle de formulário deve ter o foco de entrada de dados assim que a página carrega, a não ser que o usuário sobrescreva este comportamento digitando em um controle diferente, por exemplo. Apenas um elemento de formulário em um documento pode ter o atributo autofocus, que é booleano. Este atributo não pode ser aplicado se o atributo type estiver definido como hidden (isto é, você não pode colocar automaticamente o foco em um controle escondido).
{{htmlattrdef("autosave")}} {{HTMLVersionInline("5")}}
Este atributo deve ser definido com um valor único. Se o valor do atributo type for search, termos de busca anteriores serão persistidos no menu entre carregamentos de página.
{{htmlattrdef("checked")}}

Quando o valor do atributo type é radio ou checkbox, a presença deste atributo booleano indica que o controle é selecionado por padrão; caso contrário, este atributo é ignorado.

O Firefox vai, por padrão, ao contrário de outros navegadores, persistir o estado dinâmico de marcado de um {{HTMLElement("input")}} entre carregamentos de página. Use o atributo {{htmlattrxref("autocomplete","input")}} para controlar esta funcionalidade.

{{htmlattrdef("disabled")}}

Este atributo booleano indica que o controle de formulário não está disponível para interação. Em particular o evento click não será disparado em controles desabilitados. Além disso, o valor de um controle desabilitado não é enviado com o formulário.

O Firefox vai, por padrão, ao contrário de outros navegadores, persistir o estado dinâmico de desabilitado de um {{HTMLElement("input")}} entre carregamentos de página. Use o atributo {{htmlattrxref("autocomplete","input")}} para controlar esta funcionalidade.

{{htmlattrdef("form")}} {{HTMLVersionInline("5")}}
O elemento <form> ao qual o elemento <input> está associado (seu formulário dono). O valor do atributo deve ser um id de um elemento {{HTMLElement("form")}}. Este atributo permite que você coloque elementos <input> em qualquer lugar num documento, não apenas como descendentes de seus elementos <form>. Um <input> só pode estar associado a um único formulário.
{{htmlattrdef("formaction")}} {{HTMLVersionInline("5")}}
A URI de um programa que processa a informação enviada pelo elemento, se ele for um botão ou uma imagem de envio de formulário. Se especificado, ele sobrescreve o atributo {{htmlattrxref("action","form")}} do formulário dono do elemento.
{{htmlattrdef("formenctype")}} {{HTMLVersionInline("5")}}
Se o elemento for um botão ou uma imagem de envio de formulário, este atributo especifica o tipo de conteúdo que deve ser usado para enviar o formulário para o servidor. Os valores possíveis são:

Se este atributo for especificado, ele sobrescreve o atributo {{htmlattrxref("enctype","form")}} do formulário dono do elemento.

{{htmlattrdef("formmethod")}} {{HTMLVersionInline("5")}}
Se o elemento for um botão ou uma imagem de envio de formulário, este atributo especifica o método HTTP que o navegador deve usar para enviar o formulário. Os valores possíveis são:

Se especificado, este atributo sobrescreve o atributo {{htmlattrxref("method","form")}} do formulário dono do elemento.

{{htmlattrdef("formnovalidate")}} {{HTMLVersionInline("5")}}
Se o elemento for um botão ou uma imagem de envio de formulário, este atributo booleano especifica que o formulário não deve ser validado quando enviado. Se especificado, este atributo sobrescreve o atributo {{htmlattrxref("novalidate","form")}} do formulário dono do elemento.
{{htmlattrdef("formtarget")}} {{HTMLVersionInline("5")}}
Se o elemento for um botão ou uma imagem de envio de formulário, este atributo é um nome ou palavra-chave indicando onde mostrar a resposta recebida após a submissão do formulário. Este é o nome de, ou palavra-chave para, um contexto de navegação (por exemplo aba, janela ou frame inline). Se especificado, este atributo sobrescreve o atributo {{htmlattrxref("target", "form")}} do formulário dono do elemento. As seguintes palavras-chave têm significado especial:
{{htmlattrdef("height")}} {{HTMLVersionInline("5")}}
Se o valor do atributo type for image, este atributo define a altura da imagem mostrada para o botão.
{{htmlattrdef("incremental")}} {{non-standard_inline}}
Este é um atributo não padronizado suportado pelo Safari que é aplicado somente quando o type é search. Se o atributo estiver presente, independentemente do valor que ele tiver, o {{HTMLElement("input")}} dispara eventos search conforme o usuário edita o texto do campo. Este evento somente é disparado um tempo após a última tecla ter sido pressionada; este tempo é definido pela implementação e novas digitações zeram o contador de tempo. Em outras palavras, o disparo do evento é filtrado (debounced). Se o atributo não estiver presente, o evento search só é disparado quando o usuário iniciar explicitamente uma busca (por exemplo, pressionando a tecla Enter enquanto estiver no campo).
{{htmlattrdef("inputmode")}} {{HTMLVersionInline("5")}}
Uma dica para o navegador de qual teclado deve ser mostrado. Este atributo se aplica quando o valor do atributo type é text, password, email ou url. Os valores possíveis são:
{{htmlattrdef("list")}} {{HTMLVersionInline("5")}}
Identifica uma lista de opções pré-definidas de sugestões para o usuário. O valor deve ser o id de um elemento {{HTMLElement("datalist")}} no mesmo documento. O navegador mostrará apenas opções que são valores válidos para este elemento. Este atributo é ignorado quando o valor do atributo type é hidden, checkbox, radio, file ou um tipo de botão.
{{htmlattrdef("max")}} {{HTMLVersionInline("5")}}
O valor máximo (numérico ou data) para este item, que não deve ser menor que seu valor mínimo (atributo min).
{{htmlattrdef("maxlength")}}
Se o valor do atributo type for text, email, search, password, tel ou url, este atributo especifica o número máximo de caracteres (em pontos de código Unicode) que o usuário pode inserir; para outros tipos de controle, este atributo é ignorado. Seu valor pode exceder o do atributo size. Se não for especificado, o usuário pode inserir uma quantidade ilimitada de caracteres. Especificar um valor negativo resulta no comportamento padrão, isto é, o usuário vai poder inserir um número ilimitado de caracteres. Esta regra só é validada quando o valor do atributo é modificado.
{{htmlattrdef("min")}} {{HTMLVersionInline("5")}}
O valor mínimo (númerico ou data) para este item, que não deve ser maior do que seu máximo (atributo max).
{{htmlattrdef("minlength")}} {{HTMLVersionInline("5")}}
Se o valor do atributo type for text, email, search, password, tel ou url, este atributo especifica o número mínimo de caracteres (em pontos de código Unicode) que o usuário pode inserir; para outros tipos de controle, este atributo é ignorado.
{{htmlattrdef("multiple")}} {{HTMLVersionInline("5")}}
Este atributo booleano indica se o usuário pode inserir mais de um valor. Ele é aplicado quando o atributo type está definido como email ou file; em outros casos, é ignorado.
{{htmlattrdef("name")}}
O nome do controle, que é enviado junto com os dados do formulário.
{{htmlattrdef("pattern")}} {{HTMLVersionInline("5")}}
Uma expressão regular usada para validar o valor do controle. O padrão deve casar com o valor completo da entrada, não apenas uma parte. Use o atributo title para descrever o padrão para ajudar o usuário. Este atributo é aplicado quando o valor do atributo type é text, search, tel, url ou email; caso contrário ele é ignorado. A linguagem da expressão regular é a mesma do JavaScript. O padrão não deve estar entre barras.
{{htmlattrdef("placeholder")}} {{HTMLVersionInline("5")}}
Uma dica para o usuário do que ele pode inserir no controle. O texto do atributo não deve conter quebras de linha. Este atributo é aplicado quando o valor do atributo type é text, search, tel, url ou email; caso contrário, ele é ignorado.
Nota: Não use o atributo placeholder no lugar de um elemento {{HTMLElement("label")}}. Os propósitos de cada um são diferentes: o atributo {{HTMLElement("label")}} descreve o papel o elemento do formulário, isto é, ele indica que tipo de informação é esperada. Já o atributo placeholder é uma dica sobre o formato que o conteúdo deveria ter. Há casos em que o atributo placeholder nunca é exibido para o usuário, portanto o formulário deve ser inteligível sem ele.
{{htmlattrdef("readonly")}}
Este atributo booleano indica que o usuário não pode modificar o valor do controle.

{{HTMLVersionInline("5")}} Este atributo é ignorado se o valor do atributo type for hidden, range, color, checkbox, radio, file ou um tipo de botão.

{{htmlattrdef("required")}} {{HTMLVersionInline("5")}}
Este atributo especifica que o usuário deve preencher o campo com um valor antes de enviar o formulário. Ele não pode ser usado quando o atributo type está definido como hidden, image ou um tipo de botão (submit, reset ou button). As pseudoclasses CSS {{cssxref(":optional")}} e {{cssxref(":required")}} serão aplicadas ao campo como for apropriado.
{{htmlattrdef("selectionDirection")}} {{HTMLVersionInline("5")}}
A direção na qual a seleção ocorreu. Vale forward se a seleção foi feita no mesmo sentido da escrita do idioma usado ou backward se a seleção foi feita na direção oposta. Pode ainda ser none se a direção da seleção não for conhecida.
{{htmlattrdef("size")}}
O tamanho inicial do controle. Este valor é em pixels a não ser que o valor do atributo type seja text ou password. Neste caso, este valor é um número inteiro de caracteres. A partir do HTML5, este atributo é aplicado apenas quando o atributo type está definido como text, search, tel, url, email ou password; caso contrário, ele é ignorado. Além disso, o tamanho deve ser maior que zero. Se você não especificar um tamanho, o valor padrão 20 é usado.
{{htmlattrdef("spellcheck")}} {{HTMLVersionInline("5")}}
Definir o valor deste atributo como true indica que o elemento deve passar por um corretor ortográfico e gramatical. O valor default indica que o elemento deve agir de acordo com seu comportamento padrão, possivelmente baseado no valor do atributo spellcheck de seu elemento pai. O valor false indica que o elemento não deve ser verificado.
{{htmlattrdef("src")}}
Se o valor do atributo type for image, este atributo especifica uma URI para a localização de uma imagem a ser exibida no botão gráfico; caso contrário, este atributo é ignorado.
{{htmlattrdef("step")}} {{HTMLVersionInline("5")}}
Trabalha junto com os atributos min e max para limitar os incrementos em que valores numéricos ou datas podem ser alterados. Seu valor pode ser any ou um número de ponto flutuante positivo. Se o valor não for any, o controle aceita somente valores múltiplos valor do incremento maiores que o mínimo.
{{htmlattrdef("tabindex")}} element-specific in {{HTMLVersionInline(4)}}, global in {{HTMLVersionInline("5")}}
A posição do elemento na ordem de navegação pela tecla Tab no documento atual.
{{htmlattrdef("usemap")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline", "HTML5")}}
O nome de um elemento {{HTMLElement("map")}} para ser usado como um mapa de imagem.
{{htmlattrdef("value")}}
O valor inicial do controle. Este atributo é opcional exceto quando o valor do atributo type for radio ou checkbox.
Note que, quando a página é recarregada, Gecko and IE ignorarão o valor especificado no código HTML se o valor tiver sido alterado antes do recarregamento.
{{htmlattrdef("width")}} {{HTMLVersionInline("5")}}
Se o valor do atributo type for image, este atributo define a largura da imagem exibida para o botão.
{{htmlattrdef("x-moz-errormessage")}} {{non-standard_inline}}
Essa extensão da Mozilla permite que você especifique a mensagem de erro a ser exibida quando um campo não valida com sucesso.

Notas

Entradas de arquivo

Nota: a partir do {{Gecko("2.0")}}, chamar o método click() num elemento {{HTMLElement("input")}} do tipo file abre o seletor de arquivos e permite que o usuário selecione arquivos. Veja Usando arquivos a partir de aplicações web para um exemplo e mais detalhes.

Você não pode definir o valor de um seletor de arquivos a partir de um script; fazer algo como o seguinte não tem efeito:

var e = getElementById("algumaEntradaDeArquivo");
e.value = "foo";

Mensagens de erro

Se você quiser que o Firefox mostre uma mensagem de erro personalizada quando a validação de um campo falha, você pode usar o atributo x-moz-errormessage para isso:

<input type="email" x-moz-errormessage="Por favor, especifique um endereço de e-mail.">

Note, no entanto, que isso não é padronizado e não terá efeito em outros navegadores.

Exemplos

Uma caixa de entrada simples

<!-- Um campo básico -->
<input type="text" name="input" value="Digite aqui">

Um caso de uso comum

<!-- Um formulário comum que inclui tags input -->
<form action="getform.php" method="get">
    Nome: <input type="text" name="nome" /><br />
     Sobrenome: <input type="text" name="sobrenome" /><br />
        E-mail: <input type="email" name="email_usuario" /><br />
<input type="submit" value="Enviar" />
</form>

Usando o mozactionhint no Firefox mobile

Você pode usar o atributo {{htmlattrxref("mozactionhint", "input")}} para especificar o texto para o rótulo da tecla Enter no teclado virtual quando seu formulário é exibido no Firefox mobile. Por exemplo, para ter um rótulo "Próximo", você pode fazer o seguinte:

<input type="text" mozactionhint="next" name="sometext" />

O resultado é:

mozactionhint.png

Especificações

Especificação Estado Comentários
{{SpecName('HTML WHATWG', 'the-input-element.html#the-input-element', '<input>')}} {{Spec2('HTML WHATWG')}}  
{{SpecName('HTML5 W3C', 'forms.html#the-input-element', '<input>')}} {{Spec2('HTML5 W3C')}}  
{{SpecName('HTML4.01', 'interact/forms.html#h-17.4', '<form>')}} {{Spec2('HTML4.01')}}  

Compatibilidade com navegadores

{{CompatibilityTable}}

Funcionalidade Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte básico 1.0 {{CompatGeckoDesktop("1.7 or earlier")}} 2 ou anterior 1.0 1.0
type 1.0 {{CompatGeckoDesktop("1.7 or earlier")}} 2 1.0 1.0
type=button 1.0 {{CompatGeckoDesktop("1.7 or earlier")}} 3 1.0 1.0
type=checkbox 1.0 {{CompatGeckoDesktop("1.7 or earlier")}}
{{CompatGeckoDesktop("1.9.2")}} para o valor indeterminate
2 1.0 1.0
type=color 21.0

{{CompatGeckoDesktop("29.0")}} (ainda não suportado no Windows Touch)

{{CompatNo}} 11.01 {{CompatNo}}
type=date 5.0 {{CompatNo}}
{{unimplemented_inline("825294")}}
{{CompatNo}} 10.62 {{CompatVersionUnknown}} (reconhecido mas sem interface)
type=datetime

{{CompatNo}}
(reconhecido mas sem interface)

{{CompatNo}}
{{unimplemented_inline("825294")}}
{{CompatNo}} 10.62 {{CompatVersionUnknown}} (reconhecido mas sem interface)
type=datetime-local 5.0 {{CompatNo}}
{{unimplemented_inline("825294")}}
{{CompatNo}} 10.62 {{CompatVersionUnknown}} (reconhecido mas sem interface)
type=email 5.0 {{CompatGeckoDesktop("2.0")}} 10 10.62 {{CompatUnknown}}
type=file 1.0 {{CompatGeckoDesktop("1.7 or earlier")}} 3.02 1.0 1.0
type=hidden 1.0 {{CompatGeckoDesktop("1.7 or earlier")}} 2 1.0 1.0
type=image 1.0 Gecko 2.0 envia apenas as coordenadas x e y quando clicado, não mais o nome/valor do elemento 2 1.0 1.0
type=month 5.0 {{CompatNo}}
{{unimplemented_inline("446510")}}
{{CompatNo}} 10.62 {{CompatVersionUnknown}} (reconhecido mas sem interface)
type=number 6.0 (Localização no Chrome 11) {{CompatGeckoDesktop("29.0")}} 10
(reconhecido mas sem interface)
10.62 {{CompatVersionUnknown}}
type=password 1.0 {{CompatGeckoDesktop("1.7 or earlier")}} 2 1.0 1.0
type=radio 1.0 {{CompatGeckoDesktop("1.7 or earlier")}}
{{CompatGeckoDesktop("1.9.2")}} para o valor indeterminate
2 1.0 1.0
type=range 5.0 {{CompatGeckoDesktop("23.0")}} 10 10.62 (11.01 adicionou suporte a um valor padrão) {{CompatVersionUnknown}}
type=reset 1.0 {{CompatGeckoDesktop("1.7 or earlier")}} 2 1.0 1.0
type=search 5.0 {{CompatGeckoDesktop("2.0")}} 10 11.01 {{CompatVersionUnknown}}
type=submit 1.0 {{CompatGeckoDesktop("1.7 or earlier")}} 2 1.0 1.0
type=tel 5.0 {{CompatGeckoDesktop("2.0")}} 10 11.01 {{CompatUnknown}}
type=text 1.0 {{CompatGeckoDesktop("1.7 or earlier")}} 2 1.0 1.0
type=time 5.0 {{CompatNo}}
{{unimplemented_inline("825294")}}
{{CompatNo}} 10.62 {{CompatVersionUnknown}} (reconhecido mas sem interface)
type=url 5.0 {{CompatGeckoDesktop("2.0")}} 10 10.62 {{CompatUnknown}}
type=week 5.0 {{CompatNo}}
{{unimplemented_inline("825294")}}
{{CompatNo}} 10.62 {{CompatVersionUnknown}} (reconhecido mas sem interface)

accept=[extensão de arquivo]

{{CompatVersionUnknown}} {{CompatNo}} 10 {{CompatUnknown}} {{CompatNo}}

accept=[tipo MIME]

8.0 {{CompatGeckoDesktop("16.0")}} 10 10 {{CompatNo}}
accept=audio/* {{CompatVersionUnknown}} {{CompatGeckoDesktop("2.0")}}
Filtros para as seguintes extensões de arquivos de áudio: .aac, .aif, .flac, .iff, .m4a, .m4b, .mid, .midi, .mp3, .mpa, .mpc, .oga, .ogg, .ra, .ram, .snd, .wav, .wma
10 {{CompatNo}} {{CompatNo}}
accept=video/* {{CompatVersionUnknown}} {{CompatGeckoDesktop("2.0")}}
Filtros para as seguintes extensões de arquivos de vídeo: .avi, .divx, .flv, .m4v, .mkv, .mov, .mp4, .mpeg, .mpg, .ogm, .ogv, .ogx, .rm, .rmvb, .smil, .webm, .wmv, .xvid
10 {{CompatNo}} {{CompatNo}}
accept=image/* {{CompatVersionUnknown}} {{CompatGeckoDesktop("2.0")}}
Filtros para as seguintes extensões de arquivos de imagem: .jpe, .jpg, .jpeg, .gif, .png, .bmp, .ico, .svg, .svgz, .tif, .tiff, .ai, .drw, .pct, .psp, .xcf, .psd, .raw
10 {{CompatNo}} {{CompatNo}}
accesskey 1.0 {{CompatVersionUnknown}} 6 1.0 {{CompatUnknown}}
mozactionhint {{CompatNo}} {{CompatGeckoDesktop("2.0")}} {{CompatNo}} {{CompatNo}} {{CompatNo}}
autocomplete 17.0 {{CompatGeckoDesktop("2.0")}} 5 9.6 5.2
autofocus 5.0 {{CompatGeckoDesktop("2.0")}} 10 9.6 5.0
checked 1.0 {{CompatGeckoDesktop("1.7 or earlier")}} 2 1.0 1.0
disabled 1.0 {{CompatGeckoDesktop("1.7 or earlier")}} 6 1.0 1.0
form 9.0 {{CompatGeckoDesktop("2.0")}} {{CompatUnknown}} 10.62 {{CompatUnknown}}
formaction 9.0 {{CompatGeckoDesktop("2.0")}} 10 10.62 5.2
formenctype 9.0 {{CompatGeckoDesktop("2.0")}} 10 10.62 {{CompatUnknown}}
formmethod 9.0 {{CompatGeckoDesktop("2.0")}} 10 10.62 5.2
formnovalidate 5.0 (na versão 6.0 só funcionava com o DOCTYPE HTML5, suporte a validação foi desabilitado na versão 7.0 e reabilitado na versão 10.0) {{CompatGeckoDesktop("2.0")}} 10 10.62 {{CompatUnknown}}
formtarget 9.0 {{CompatGeckoDesktop("2.0")}} 10 10.62 5.2
height 1.0 {{CompatGeckoDesktop("16.0")}} {{CompatUnknown}} 1.0 {{CompatUnknown}}
incremental {{CompatVersionUnknown}} {{CompatNo}} {{CompatNo}} {{CompatNo}} {{CompatVersionUnknown}}
inputmode {{CompatNo}} {{CompatNo}} {{CompatNo}} {{CompatNo}} {{CompatNo}}
list 20.0 {{CompatGeckoDesktop("2.0")}} 10 9.6 {{CompatNo}}
max 5.0 {{CompatGeckoDesktop("16.0")}} {{CompatUnknown}} 10.62 {{CompatUnknown}}
maxlength 1.0 {{CompatGeckoDesktop("1.7")}} 2 1.0 1.0
min 5.0 {{CompatGeckoDesktop("16.0")}} {{CompatUnknown}} 10.62 {{CompatUnknown}}
minlength 40.0 {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
multiple 1.0 (suportado para os tipos file e email a partir de 5.0) {{CompatGeckoDesktop("1.9.2")}} para type=file
{{CompatVersionUnknown}} para type=email
10 1.0 (10.62 com suporte para type=file e a partir de 11.01 type=email) {{CompatUnknown}}
name 1.0 {{CompatGeckoDesktop("1.7 or earlier")}} 2 1.0 1.0
pattern 5.0 {{CompatGeckoDesktop("2.0")}} 10 9.6 {{CompatNo}}
placeholder 10.0 {{CompatGeckoDesktop("2.0")}} 10 11.00 5.0
readonly 1.0 {{CompatGeckoDesktop("1.7 or earlier")}} 6 (ausente para type checkbox, radio) 1.0 1.0
required 5.0 (suporte ao elemento select a partir da versão 10) {{CompatGeckoDesktop("2.0")}} 10 9.6 {{CompatNo}}
size 1.0 {{CompatGeckoDesktop("1.7 or earlier")}} 2 1.0 1.0
spellcheck 10.0 {{CompatGeckoDesktop("1.9.2")}} 10 11.0 4.0
src 1.0 {{CompatGeckoDesktop("1.7 or earlier")}} 2 1.0 1.0
step 6.0 {{CompatGeckoDesktop("16.0")}} 10 10.62 5.0
tabindex 1.0 {{CompatGeckoDesktop("1.7 or earlier")}} 6 (elementos com tabindex > 0 não são navegados) {{CompatVersionUnknown}} {{CompatUnknown}}
width 1.0 {{CompatGeckoDesktop("16.0")}} {{CompatUnknown}} 1.0 {{CompatUnknown}}
Funcionalidade Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Suporte básico {{CompatVersionUnknown}} {{CompatGeckoMobile("2.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
type {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
type=button {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
type=checkbox {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
type=color {{CompatUnknown}} {{CompatGeckoDesktop("27.0")}} {{CompatUnknown}} {{CompatVersionUnknown}} {{CompatUnknown}}
type=date {{CompatNo}} {{CompatNo}} {{CompatNo}} 10.62 5.0
type=datetime {{CompatNo}} {{CompatNo}} {{CompatNo}} 10.62 {{CompatVersionUnknown}}
type=datetime-local {{CompatNo}} {{CompatNo}} {{CompatNo}} 10.62 {{CompatVersionUnknown}}
type=email {{CompatUnknown}} {{CompatGeckoMobile("2.0")}} {{CompatUnknown}} {{CompatVersionUnknown}} 3.1 (sem validação mas com teclado específico)
type=file {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatVersionUnknown}} [1]
type=hidden {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
type=image {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
type=month {{CompatNo}} {{CompatNo}} {{CompatNo}} 10.62 {{CompatVersionUnknown}}
type=number 2.3 (sem validação mas com teclado específico) {{CompatGeckoMobile("29.0")}} {{CompatUnknown}} {{CompatVersionUnknown}} 4.0 (sem validação mas com teclado específico)
type=password {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
type=radio {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
type=range {{CompatUnknown}} {{CompatNo}} {{CompatUnknown}} {{CompatVersionUnknown}} 5.0
type=reset {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
type=search {{CompatUnknown}} {{CompatGeckoMobile("2.0")}} {{CompatUnknown}} 10.62 4.0
type=submit {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
type=tel 2.3 {{CompatGeckoMobile("2.0")}} {{CompatUnknown}} 10.62 3.1
type=text {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
type=time {{CompatNo}} {{CompatNo}} {{CompatNo}} 10.62 {{CompatVersionUnknown}}
type=url {{CompatUnknown}} {{CompatGeckoMobile("2.0")}} {{CompatUnknown}} 10.62 3.1 (sem validação mas com teclado específico)
type=week {{CompatNo}} {{CompatNo}} {{CompatNo}} 10.62 {{CompatVersionUnknown}}
accept=[tipo MIME] {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
accept=audio/* {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
accept=image/* {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
accept=video/* {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
accesskey {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
autocomplete {{CompatUnknown}} {{CompatGeckoMobile("2.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
autofocus 3.2 {{CompatGeckoMobile("2.0")}} {{CompatUnknown}} {{CompatVersionUnknown}} {{CompatUnknown}}
checked {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
disabled {{CompatVersionUnknown}} {{CompatGeckoMobile("2.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
form {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
formaction {{CompatUnknown}} {{CompatGeckoMobile("2.0")}} {{CompatUnknown}} 10.62 5.0
formenctype {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
formmethod {{CompatUnknown}} {{CompatGeckoMobile("2.0")}} {{CompatUnknown}} 10.62 5.0
formnovalidate {{CompatUnknown}} {{CompatGeckoMobile("2.0")}} {{CompatUnknown}} 10.62 {{CompatUnknown}}
formtarget {{CompatUnknown}} {{CompatGeckoMobile("2.0")}} {{CompatUnknown}} 10.62 5.0
height {{CompatUnknown}} {{CompatGeckoMobile("16.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
list {{CompatNo}} {{CompatGeckoMobile("2.0")}} {{CompatUnknown}} {{CompatVersionUnknown}} {{CompatUnknown}}
max {{CompatUnknown}} {{CompatGeckoMobile("16.0")}} (interface pode ficar não implementada) {{CompatUnknown}} 10.62 {{CompatUnknown}}
maxlength {{CompatVersionUnknown}} {{CompatGeckoMobile("2.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
min {{CompatUnknown}} {{CompatGeckoMobile("16.0")}} (interface pode ficar não implementada) {{CompatUnknown}} 10.62 {{CompatUnknown}}
minlength {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
multiple {{CompatUnknown}} {{CompatVersionUnknown}} {{CompatUnknown}} {{CompatVersionUnknown}} {{CompatUnknown}}
name {{CompatVersionUnknown}} {{CompatGeckoMobile("2.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} 1.0
pattern {{CompatUnknown}} {{CompatGeckoMobile("2.0")}} {{CompatUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
placeholder 2.3 {{CompatGeckoMobile("2.0")}} {{CompatUnknown}} 11.10 4
readonly {{CompatVersionUnknown}} {{CompatGeckoMobile("2.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
required {{CompatUnknown}} {{CompatVersionUnknown}} {{CompatUnknown}} {{CompatVersionUnknown}} {{CompatUnknown}}
size {{CompatVersionUnknown}} {{CompatGeckoMobile("2.0")}} {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatVersionUnknown}}
spellcheck {{CompatUnknown}} {{CompatGeckoMobile("2.0")}} {{CompatUnknown}} 11.0 {{CompatUnknown}}
src {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
step {{CompatUnknown}} {{CompatGeckoMobile("16.0")}} (interface pode ficar não implementada) {{CompatUnknown}} 10.62 {{CompatUnknown}}
tabindex {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
width {{CompatUnknown}} {{CompatGeckoMobile("16.0")}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}

[1]: Envio de arquivos não funcionava no Safari Mobile para iOS 8.0 e 8.0.1. O bug foi corrigido no iOs 8.0.2.

Safari Mobile para iOS aplica um estilo padrão de {{cssxref("opacity")}}: 0.4 para elementos textuais desabilitados. Outros navegadores principais não usam esse estilo padrão específico atualmente.

No Safari Mobile para iOS, definir {{cssxref("display")}}: block num {{HTMLElement("input")}} com type="date", type="time", type="datetime-local" ou type="month" faz com que o texto dentro do {{HTMLElement("input")}} fique verticalmente desalinhado.

A partir do Chrome v39, um <input type="date"> estilizado com {{cssxref("display")}}: table-cell; {{cssxref("width")}}: 100%; terá um {{cssxref("min-width")}} imposto pelo Chrome e não poderá ficar mais estreito do que essa largura mínima. Veja o bug do Chromium #346051.

Notas do Gecko

O Firefox vai, por padrão, ao contrário de outros navegadores, persistir o estado dinâmico de desabilitado e (se aplicável) checado de um {{HTMLElement("input")}} entre carregamentos de página. Definir o valor do atributo {{htmlattrxref("autocomplete","input")}} como off desabilita essa funcionalidade; isso funciona mesmo quando o atributo {{htmlattrxref("autocomplete","input")}} não seria aplicado normalmente ao {{HTMLElement("input")}} por causa de seu {{htmlattrxref("type","input")}}. Veja {{bug(654072)}}.

A partir do Gecko 9.0 {{geckoRelease("9.0")}}, o Firefox para Android permite aos usuários capturar imagens usando suas câmeras e enviá-las, sem a necessidade de sair do navegador. Desenvolvedores web podem implementar essa funcionalidade simplesmente especificando o valor do atributo accept para "image/*" nos seus campos file desta forma:

<input type="file" accept="image/*">

Firefox para Android define uma {{ cssxref("background-image") }} padrão gradiente em todos os campos com type="text", type="file", type="button" e type="submit". Isso pode ser desabilitado usando background-image: none.

Firefox para Android também define uma {{ cssxref("border") }} padrão em todos os elementos <input type="file">.

Localização

Os valores permitidos para certos tipos de <input> dependem do locale. Em alguns locales, 1,000.00 é um número válido, enquanto que em outros a maneira correta de inserir este número é 1.000,00.

Firefox usa as seguintes heurísticas para determinar o locale para validar a entrada do usuário (pelo menos para type="number"):

Veja também

{{HTMLRef}}