--- 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 minstep: 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/plainSe 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}}