--- 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
.
hidden
, elemento rotulável, conteúdo palpável.Este elemento inclui os atributos globais.
button
: Um botão sem comportamento padrão.checkbox
: Uma caixa de marcação. Você deve usar o atributo value para definir o valor enviado por este item. Use o atributo checked para indicar se o item está selecionado por padrão. Você também pode usar o atributo indeterminate para indicar que a caixa de marcação está em um estado indeterminado (na maioria das plataformas, isso desenha uma linha horizontal cortando a caixa).color
: {{HTMLVersionInline("5")}} Um controle para especificar cores. A interface de um seletor de cores não tem nenhuma funcionalidade obrigatória a não ser aceitar cores simples em texto (mais informações — em inglês).date
: {{HTMLVersionInline("5")}} Um controle para inserir uma data (ano, mês e dia, sem horário).datetime
: {{HTMLVersionInline("5")}} Um controle para inserir data e horário (hora, minuto, segundo e fração de segundo) baseado no fuso horário UTC.datetime-local
: {{HTMLVersionInline("5")}} Um controle para inserir data e horário, sem fuso horário.email
: {{HTMLVersionInline("5")}} Um campo para editar um endereço de e-mail. O valor do campo é validado para estar vazio ou ter um único endereço de e-mail válido antes de ser enviado. As pseudoclasses CSS {{cssxref(":valid")}} e {{cssxref(":invalid")}} são aplicadas apropriadamente.file
: Um controle que permite ao usuário selecionar um arquivo. Use o atributoaccept para definir os tipos de arquivo que o controle pode selecionar.hidden
: Um controle que não é exibido mas cujo valor é enviado ao servidor.image
: Um botão gráfico para enviar o formulário. Você deve usar o atributo src para definir a fonte da imagem e o atributo alt para definir um texto alternativo. Você pode usar os atributos height e width para definir o tamanho da imagem em pixels.month
: {{HTMLVersionInline("5")}} Um controle para inserir mês e ano, sem fuso horário.number
: {{HTMLVersionInline("5")}} Um controle para inserir um número de ponto flutuante.password
: Um campo de texto com uma só linha cujo valor é obscurecido. Use o atributo maxlength para especificar o comprimento máximo do valor que pode ser inserido.radio
: Um botão de escolha. Você deve usar o atributo value para definir o valor a ser enviado por este item. Use o atributo checked para indicar se este item deve estar selecionado por padrão. Botões de escolha que têm o mesmo valor para o atributo name estão no mesmo "grupo de botões de escolha"; apenas um botão de escolha no grupo pode estar selecionado de cada vez..range
: {{HTMLVersionInline("5")}} Um controle para inserir um número cujo valor exato não é importante. Este tipo de controle usa os seguintes valores padrão se os atributos correspondentes não forem especificados:
min
: 0max
: 100value
: min
+ (max
-min
)/2, ou min
se max
for menos que min
step
: 1reset
: Um botão que faz o conteúdo do formulário voltar a ter seus valores padrão.search
: {{HTMLVersionInline("5")}} Um campo de texto com uma só linha para digitar termos de busca; quebras de linha são automaticamente removidas do valor entrado.submit
: Um botão que envia o formulário.tel
: {{HTMLVersionInline("5")}} Um controle para inserir um número de telefone; quebras de linha são automaticamente removidas do valor entrado, mas nenhuma outra sintaxe é imposta. Você pode usar atributos como pattern e maxlength para restringir os valores inseridos no controle. As pseudoclasses CSS {{cssxref(":valid")}} e {{cssxref(":invalid")}} são aplicadas apropriadamente.text
: Um campo de texto com uma só linha; quebras de linha são automaticamente removidas do valor entrado.time
: {{HTMLVersionInline("5")}} Um controle para inserir um horário sem fuso horário.url
: {{HTMLVersionInline("5")}} Um campo para editar uma URL. O valor inserido é validado para ser vazio ou uma URL absoluta válida antes de ser enviado. Quebras de linha e espaços em branco antes e após o valor inserido são automaticamente removidos. Você pode usar atributos como pattern e maxlength para restringir os valores inseridos no controle. As pseudoclasses CSS {{cssxref(":valid")}} e {{cssxref(":invalid")}} são aplicadas apropriadamente.week
: {{HTMLVersionInline("5")}} Um controle para inserir uma data consistindo de ano da semana e número da semana sem fuso horário.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:
audio/*
representando arquivos de som {{HTMLVersionInline("5")}}video/*
representando arquivos de vídeo {{HTMLVersionInline("5")}}image/*
representando arquivos de imagem {{HTMLVersionInline("5")}}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).none
: Desabilitar completamente a capitalização automática.sentences
: Capitalizar automaticamente a primeira letra das frases.words
: Capitalizar automaticamente a primeira letra das palavras.characters
: Capitalizar automaticamente todas as letras.on
: {{deprecated_inline()}} Obsoleto desde o iOS 5.off
: {{deprecated_inline()}} Obsoleto desde o iOS 5.hidden
, password
, checkbox
, radio
, file
ou um tipo de botão (button
, submit
, reset
, image
). Os valores possíveis são:
off
: O usuário deve inserir explicitamente um valor neste campo a cada uso, ou o documento implementa seu próprio método de autocompletar; o navegador não completa a entrada automaticamente.on
: O navegador pode completar automaticamente o valor baseado em valores que o usuário inseriu no passado.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)}}.
on
: Habilita correção automáticaoff
: Desabilita correção automáticahidden
(isto é, você não pode colocar automaticamente o foco em um controle escondido).search
, termos de busca anteriores serão persistidos no menu entre carregamentos de página.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.
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.
<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.application/x-www-form-urlencoded
: O valor padrão se o atributo não for especificado.multipart/form-data
: Use este valor se você estiver usando um elemento {{HTMLElement("input")}} com o atributo {{htmlattrxref("type","input")}} definido como file
.text/plain
Se este atributo for especificado, ele sobrescreve o atributo {{htmlattrxref("enctype","form")}} do formulário dono do elemento.
post
: Os dados do formulário são incluídos no corpo do formulário e enviados para o servidor.get
: Os dados do formulário são acrescentados ao URI do atributo form, com um '?' como separador, e o URI resultante é enviado ao servidor. Use este método quando o formulário não tem efeitos colaterais e contém somente caracteres ASCII.Se especificado, este atributo sobrescreve o atributo {{htmlattrxref("method","form")}} do formulário dono do elemento.
self
: Carrega a resposta nom mesmo contexto de navegação que o atual. Este é o valor padrão se o atributo não for especificado._blank
: Carrega a resposta num novo contexto de navegação anônimo._parent
: Carrega a resposta no contexto de navegação pai do atual. Se não houver pai, esta opção tem o mesmo comportamento de _self
._top
: Carrega a resposta no contexto de navegação raiz (isto é, o contexto de navegação que é ancestral do atual e não tem pai). Se não houver pai, esta opção tem o mesmo comportamento de _self
.image
, este atributo define a altura da imagem mostrada para o botão.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).text
, password
, email
ou url
. Os valores possíveis são:
verbatim
: Conteúdo alfanumérico que não seja prosa, como nomes de usuário e senhas.latin
: Conteúdo no alfabeto latino na língua preferida do usuário, com auxílios de entrada como predição de texto habilitados. Para interações humano-computador como caixas de busca.latin-name
: Como latin, mas para nomes humanos.latin-prose
: Como latin, mas com auxílios de entrada mais agressivos. Para comunicações entre humanos como mensagens instantâneas ou email.full-width-latin
: Como latin-prose, mas para as línguas secundárias do usuário.kana
: Entrada em kana ou romaji, tipicamente hiragana, usando caracteres de largura total, com suporte à conversão para kanji. Para entrada de texto em língua japonesa.katakana
: Entrada em katakana, usando caracteres de largura total, com suporte à conversão para kanji. Para entrada de texto em língua japonesa.numeric
: Entrada numérica, incluindo teclas para os dígitos de 0 a 9, o caractere separador de milhar preferido pelo usuário e o caractere para indicar números negativos. Para códigos numéricos como números de cartão de crédito. Para números de verdade, prefira usar <input type="number">
tel
: Entrada de números de telefone, incluindo as teclas asterisco e cerquilha. Use <input type="tel">
se possível em vez disso.email
: Entrada de email. Use <input type="email">
se possível em vez disso.url
: Entrada de URLs. Use <input type="url">
se possível em vez disso.hidden
, checkbox
, radio
, file
ou um tipo de botão.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.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.email
ou file
; em outros casos, é ignorado.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.text
, search
, tel
, url
ou email
; caso contrário, ele é ignorado.
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.{{HTMLVersionInline("5")}} Este atributo é ignorado se o valor do atributo type for hidden
, range
, color
, checkbox
, radio
, file
ou um tipo de botão.
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.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.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.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.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.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.radio
ou checkbox
.image
, este atributo define a largura da imagem exibida para o botão.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";
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.
<!-- Um campo básico --> <input type="text" name="input" value="Digite aqui">
<!-- 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>
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 é:
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')}} |
{{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}} |
{{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.
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">
.
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"):
{{HTMLRef}}