--- title: slug: Web/HTML/Element/input tags: - Element - Forms - HTML - HTML forms - HTML input tag - MakeBrowserAgnostic - NeedsBrowserCompatibility - NeedsMobileBrowserCompatibility - Reference - Web translation_of: Web/HTML/Element/input ---
L'element HTML <input>
s'utilitza per crear controls interactius per als formularis basats en la web per tal d'acceptar dades de l'usuari. Com un funciona un <input>
varia considerablement en funció del valor del seu atribut type
.
Categories de contingut | Contingut dinàmic, catalogable, enviable, reajustable, element associat a un formulari, phrasing content. Si el {{htmlattrxref("type", "input")}} no és hidden , llavors l'element és etiquetable, contingut palpable. |
---|---|
Contingut permès | Cap, és un {{Glossary("empty element")}}. |
Omissió de l'etiqueta | Ha de tenir una etiqueta d'inici i no ha de tenir una etiqueta de tancament. |
Elements pares permesos | Qualsevol element que accepti phrasing content. |
Interfície DOM | {{domxref("HTMLInputElement")}} |
Aquest element inclou els atributs globals, i els següents.
button
: Un polsador amb cap comportament predeterminat .checkbox
: Una casella de verificació. Ha d'utilitzar l'atribut value per definir el valor presentat per aquest concepte. Utilitzeu l'atribut checked per indicar si aquest element està seleccionat. També pot utilitzar l'atribut indeterminate (que només es pot establir mitjançant programació) per indicar que la casella de verificació es troba en un estat indeterminat (en la majoria de plataformes, això dibuixa una línia horitzontal a través de la casella de verificació).color
: {{HTMLVersionInline("5")}} Un control per especificar un color. Una interfície d'usuari de selector de color no té característiques requerides per acceptar altres colors simples com text (més informació).date
: {{HTMLVersionInline("5")}} Un control per introduir una data (any, mes i dia, sense temps).datetime
: {{HTMLVersionInline("5")}} {{deprecated_inline}} {{obsolete_inline}} Un control per introduir una data i hora (hora, minut, segon i fracció de segon) segons la zona horària UTC. Aquesta característica s'ha tret de WHATWG HTML.datetime-local
: {{HTMLVersionInline("5")}} Un control per introduir una data i hora, sense zona horària.email
: {{HTMLVersionInline("5")}} Un camp per a l'edició d'una adreça de correu electrònic. El valor d'entrada es valida per contenir una cadena buida o una única adreça vàlida de correu electrònic abans d'enviar. Les pseudo-classes CSS {{cssxref(":valid")}} i {{cssxref(":invalid")}} s'aplicaran, segons escaigui.file
: Un control que permet a l'usuari seleccionar un arxiu. Utilitzeu l'atribut accept per definir els tipus d'arxius que el control pot seleccionar.hidden
: Un control que no es mostra, però el valor s'envia al servidor..image
: Gràfic d'un botó d'enviament. Ha d'utilitzar l'atribut src per definir l'origen de la imatge i l'atribut alt per definir un text alternatiu. Podeu utilitzar els atributs height i width per definir la mida de la imatge en píxels.month
: {{HTMLVersionInline("5")}} Un control per a la introducció d'un mes i any, sense zona horària.number
: {{HTMLVersionInline("5")}} Un control per introduir un nombre de coma flotant.password
: Un camp de text d'una sola línia el valor de la qual està enfosquida. Utilitzeu l'atribut maxlength per especificar la longitud màxima del valor que es pot introduir.radio
: Un botó radio. Ha d'utilitzar l'atribut value per definir el valor presentat per aquest concepte. Utilitzeu l'atribut checked per indicar si l'element està seleccionat per defecte. Els botons radio que tenen el mateix valor per l'atribut name estan en el mateix "grup de botons radio". Només un botó radio en un grup pot ser seleccionat alhora.range
: {{HTMLVersionInline("5")}} Un control per a la introducció d'un nombre el valor exacte no és important.Aquest tipus de control utilitza els següents valors per defecte si no s'especifiquen els atributs corresponents:
min
: 0max
: 100value
: min
+ (max -
min
) / 2, o min
si max
es més petit que min
step
: 1reset
: Un botó que restableix el contingut del formulari als valors predeterminats.search
: {{HTMLVersionInline("5")}} Un camp de text d'una sola línia per introduir cadenes de cerca. Els salts de línia s'eliminen automàticament del valor d'entrada.submit
: Un botó que envia el formulari.tel
: {{HTMLVersionInline("5")}} Un control per introduir un número de telèfon. Els salts de línia s'eliminen automàticament del valor d'entrada, però cap altra sintaxi es obligatoria. Podeu utilitzar els atributs com pattern i maxlength per restringir els valors introduïts en el control. Les pseudo-classes CSS {{cssxref(":valid")}} i {{cssxref(":invalid")}} s'aplicaran, segons escaigui.text
: Un camp de text d'una sola línia. Els salts de línia s'eliminen automàticament del valor d'entrada.time
: {{HTMLVersionInline("5")}} Un control per introduir un valor de temps sense zona horària.url
: {{HTMLVersionInline("5")}} Un camp per l'edició d'una adreça URL. El valor d'entrada es valida per contenir una cadena buida o una adreça URL absoluta vàlida abans d'enviar. Els salts de línia i espais en blanc inicials o finals s'eliminen automàticament del valor d'entrada. Podeu utilitzar els atributs pattern i maxlength per restringir els valors introduïts en el control. Les pseudo-classes CSS {{cssxref(":valid")}} and {{cssxref(":invalid")}} s'aplicaran, segons escaigui.week
: {{HTMLVersionInline("5")}} Un control per a la introducció d'una data que consta d'un nombre de setmana-any i un nombre de setmana sense zona horària.file
, llavors aquest atribut indica els tipus d'arxius que accepta el servidor, en cas contrari s'ignorarà. El valor ha de ser una llista separada per comes d'especificadors de tipus de contingut únic:
audio/*
representa arxius de so {{HTMLVersionInline("5")}}video/*
represent arxius de vídeo {{HTMLVersionInline("5")}}image/*
representa arxius d'imatge {{HTMLVersionInline("5")}}go
, done
, next
, search
, i send
. Aquests queden automàticament assignats a la cadena apropiada i són sensibles a majúscules.none
: Desactiva completament l'establiment automàtic en majúsculessentences
: Posa automàticament en majúscula la primera lletra d'una oració.words
: Posa automàticament en majúscula la primera lletra de les paraules.characters
: Posa automàticament en majúscula tots els caràcters.on
: {{deprecated_inline}} Desaprovat des de iOS 5.off
: {{deprecated_inline}} Desaprovat des de iOS 5.autocapitalize
Referència HTML Safarioff
: L'usuari ha d'introduir explícitament un valor en aquest camp per a cada ús, o el document proporciona el seu propi mètode d'autocompletat. El navegador no completa automàticament l'entrada.on
: Es permet que el navegador completi automàticament el valor basat en valors que l'usuari hi hagi entrat en usos anteriors, però no obstant això no proporciona cap altra informació sobre quins tipus de dades es podria esperar que l'usuari entrés.name
: Nom complethonorific-prefix:
Prefix or title (e.g. "Mr.", "Ms.", "Dr.", "Mlle")given-name
(nom)additional-name
family-name
honorific-suffix
: Suffix (e.g. "Jr.", "B.Sc.", "MBASW", "II")nickname
email
username
new-password
: Una nova contrasenya (per exemple, en crear un compte o canviar una contrasenya)current-password
organization-title
: Càrrec del lloc de treball (e.g. "Software Engineer", "Senior Vice President", "Deputy Managing Director")organization
street-address
address-line1
, address-line2
, address-line3
, address-level4
, address-level3
, address-level2
, address-level1
country
country-name
postal-code
cc-name
: Nom complet, tal com figura en l'instrument de pagamentcc-given-name
cc-additional-name
cc-family-name
cc-number
: Codi que identifica l'instrument de pagament (per exemple, el número de targeta de crèdit)cc-exp:
Data de caducitat de l'instrument de pagamentcc-exp-month
cc-exp-year
cc-csc
: Codi de seguretat de l'instrument de pagamentcc-type
: Tipy d'instrument de pagament (e.g. Visa)transaction-currency
transaction-amount
language
: Idioma preferit; Vàlid l'etiqueta d'idioma BCP 47bday
bday-day
bday-month
bday-year
sex
: La identitat de gènere (per exemple femella, fa'afafine); Text lliure, no hi ha salts de líniatel
url
: Pàgina d'inici o altra pàgina web corresponent a l'empresa, persona, adreça, o informació de contacte en els altres camps relacionats amb aquest campphoto
: Fotografia, icona, o una altra imatge que corresponguia a l'empresa, persona, adreça, o informació de contacte en els altres camps relacionats amb aquest campVeure WHATWG Standard per informació més detallada.
Si l'atribut autocomplete no s'especifica en un element d'entrada, llavors el navegador utilitza el valor de l'atribut autocomplete de l'element <input>
propietari del formulari. El propietari del formulari és o bé l'element form
en que l'element <input>
és un descendent, o l'element form en que el id és especificat per l'atribut form de l'element input. Per obtenir més informació, consulteu l'attribute {{htmlattrxref("autocomplete", "form")}} en {{HTMLElement("form")}}.
L'atribut autocomple també controla si Firefox, a diferència d'altres navegadors, persisteix l'estat dinàmic deshabilitat i (si escau) checkedness dinàmic d'un <input>
a través de les càrregues de pàgines. La funció de persistència està activat per defecte. En establir el valor de l'atribut autocomplete a off
desactiva aquesta. Això funciona fins i tot quan l'atribut autocomplete preferis que no s'apliques normalment en el <input>
en virtut del seu type. Veure{{bug(654072)}}.
on
: Activar la correcció automàticaoff
: Desactivar la correcció automàticadocumentació autocorrect
Referència HTML SafariQuan el valor de l'atribut type és file
, la presència d'aquest atribut booleà indica que la captura dels medis és fa directament des de l'entorn del dispositiu mitjançant un mecanisme de captura dels medis preferits.
Quan el valor de l'atribut type és radio
o checkbox
, la presència d'aquest atribut booleà indica que el control està seleccionat per defecte, altrament s'ignora.
Firefox, a diferència d'altres navegadors, per defecte, persistirà la comprovació dinàmica de l'estat d'un <input>
a través de les càrregues de les pàgines. Utilitzar l'atribut {{htmlattrxref("autocomplete","input")}} per controlar aquesta funció.
Aquest atribut booleà indica que el control de formulari no està disponible per a la interacció. En particular, l'event click
no serà enviat en els controls deshabilitats. A més, el valor d'un control deshabilitat no s'envia amb el formulari.
Firefox, a diferència d'altres navegadors, per defecte, persisteixi l'estat dinàmic desactivat d'un <input>
a través de les càrregues de les pàgines. Utilitzar l'atribut {{htmlattrxref("autocomplete","input")}} per controlar aquesta funció.
<input>
ha de ser un descendent d'un element {{HTMLElement ( "form")}}. Aquest atribut li permet col·locar elements <input>
en qualsevol part d'un document, no només com a descendents dels seus elements de formulari. Una entrada només pot associar-se a un formulari.application/x-www-form-urlencoded
: El valor per defecte si no s'especifica l'atribut.multipart/form-data
: Utilitzeu aquest valor si està utilitzant un element <input>
amb l'atribut {{htmlattrxref("type","input")}} establert a file
.tex/pla
Si s'especifica aquest atribut, anul·la l'atribut {{htmlattrxref("enctype","form")}} del propietari del formulario de l'element..
post
: Les dades del formulari s'inclouen en el cos del formulari i s'envia al servidor.get
: Les dades del formulari s'adjuntan a l'atribut URI, amb un '?' com un separador, i l'URI resultant s'envia al servidor. Utilitzeu aquest mètode quan el formulari no té efectes secundaris i conté només caràcters ASCII.Si s'especifica, aquest atribut anul·la l'atribut {{htmlattrxref("method","form")}} del propietari del formulario de l'element.
Si l'element input és un botó d'enviament o imatge, aquest atribut booleà especifica que el formulari no ha de ser validat quan s'envïi. Si no s'especifica aquest atribut, s'anul·la l'atribut {{htmlattrxref("novalidate","form")}} del propietari del formulario de l'element.
self
: Carregar la resposta en el mateix context de navegació com l'actual. Aquest valor és el valor per defecte si no s'especifica l'atribut._blank
: Carregar la resposta en un nou context de navegació sense nom._parent
: Carregar la resposta en el context de navegació del pare de l'actual. Si no hi ha pare, aquesta opció es comporta de la mateixa manera que _self
._top
: Carregar la resposta en el context de navegació de nivell superior (és a dir, el context de navegació que és un ancestre de l'actual, i no té pare). Si no hi ha pare, aquesta opció es comporta de la mateixa manera que _self
.image
, aquest atribut defineix l'altura de la imatge mostrada per al botó.serach
. Si l'atribut és present, sense importar quin és el seu valor, els elements <input>
desencadena esdeveniments search
que l'usuari edita el valor de text. L'esdeveniment només s'activa després d'un temps d'espera definit per la implementació que ha transcorregut des de l'última pulsació de tecla; noves pulsacions de tecles restableixen el temps d'espera. En altres paraules, l'activació de l'esdeveniment es retornat. Si l'atribut està absent, l'esdeveniment search
només s'activa quan l'usuari inicia una recerca explícita (per exemple, prement la tecla Retorn mentre es trobin dins el camp). documentation incremental
HTML Reference Safari.verbatim
: Alfanumèric, contingut que no sigui amb prosa com noms d'usuari i contrasenyes.latin
: Entrada amb alfabet llatí en l'idioma preferit de l'usuari amb ajudes a escriure com activar la predicció de text. Per a la comunicació de persona a ordinador, com ara quadres de cerca.latin-name
: Com llatí, però per als noms humans.latin-prose
: Com llatí, però amb ajudes d'escriptura molt més agressives. Per comunicació humà a humà com la missatgeria instantània o correu electrònic.full-width-latin
: Com prosa llatí, però per a les llengües secundàries de l'usuari.kana
: Entrada Kana o romaji, entrada típicament hiragana, utilitzant caràcters d'ample complet, amb suport per a la conversió a kanji. Destinat a l'entrada de text japonès.katakana
: Entrada Katakana, utilitzant caràcters d'ample complet, amb suport per a la conversió a kanji. Destinat a l'entrada de text japonès.numeric
: Entrada d'un número, incloent tecles per als dígits 0 a 9, el caràcter separador de milers preferit de l'usuari, i el caràcter per indicar nombres negatius. Destinat als codis numèrics, per exemple, números de targetes de crèdit. Per als nombres reals, prefereixen utilitzar <input type="number">.tel
: Entrada de telèfon, incloent l'asterisc i la tecla numeral. Utilitzeu en el seu lloc si és possible <input type = "tel">.email
: Entrada de correu electrònic. Utilitzeu en el seu lloc si és possible <input type = "email">.url
: Entrada d'URL. Utilitzeu en el seu lloc si és possible <input type = "url">.hidden
, checkbox
, radio
, file
, o un tipus button.text
, email
, search
, password
, tel
o url
, aquest atribut especifica el nombre màxim de caràcters (en punts de codi Unicode) que l'usuari pot entrar; per a altres tipus de control, s'ignora. Es pot excedir el valor de l'atribut size. Si no s'especifica, l'usuari pot introduir un nombre il·limitat de caràcters. Especificar un nombre negatiu dóna com resultat el comportament predeterminat; és a dir, l'usuari pot introduir un nombre il·limitat de caràcters. La restricció s'avalua només quan s'ha canviat el valor de l'atribut.text
, email
, search
, password
, tel
, or url,
aquest atribut especifica el nombre mínim de caràcters (en punts de codi Unicode) que l'usuari pot entrar; per a altres tipus de control, s'ignora.email
o file
; en cas contrari, s'ignora.search
, tel
, url
, email
o password
; en cas contrari, s'ignora. El llenguatge d'expressions regulars és el mateix que l'algoritme de JavaScript {{jsxref("RegExp")}}, amb el paràmetre 'u'
que fa que sigui tractar el patró com una seqüència de punts de codi Unicode. El patró no està envoltat per barres inclinades.hidden
, range
, color
, checkbox
, radi
o, file o un type button (així com button
o submit
).hidden
, image
o un type button (submit
, reset
, o button
). Les pseudo-classes CSS {{cssxref(":optional")}} i {{cssxref(":required")}} s'aplicaran al camp segons correspongui.search
. S'utilitza per controlar el nombre màxim d'entrades que han de mostrar-se en la llista desplegable nadiva de <input>
de les consultes de cerca anteriors.El seu valor ha de ser un enter decimal no negatiu.text
o password
, en aquest cas, és un nombre enter de caràcters. A partir d'HTML5, aquest atribut s'aplica només quan l'atribut type s'estableix en text
, search
, tel
, url
, email
o password
; en cas contrari, s'ignora. A més, la mida ha de ser més gran que zero. Si no s'especifica una mida, s'utilitza un valor predeterminat de 20. HTML5 es limita a establir "l'agent d'usuari ha d'assegurar que almenys molts caràcters siguin visibles", però diferents caràcters poden tenir diferents amplades en certes fonts; en alguns navegadors, una determinada cadena de caràcters x no serà completament visible, fins i tot si es defineix la mida d'almenys en x.true
indica que l'element ha de tenir la seva ortografia i gramàtica comprovada. El valor per omissió indica que l'element té que actuar d'acord amb un comportament predeterminat, possiblement basat en el propi valor spellcheck
de l'element pare . El valor false
indica que l'element no ha de ser comprovatimage
, aquest atribut especifica una URI per a la ubicació d'una imatge que es mostrarà en el botó gràfic d'enviament; en cas contrari, s'ignora.El nom d'un element {{HTMLElement("map")}} que s'utilitzarà com un mapa d'imatge.
radio
o checkbox
file
per permetre la selecció de només directoris.image
, aquest atribut defineix l'amplada de la imatge visualitzada per al botó.Not: A partir de {{Gecko("2.0")}}, cridar al mètode click() en un element <input>
de type "file" obre el selector d'arxius i permet a l'usuari seleccionar arxius. Consulti Ús d'arxius d'aplicacions web per obtenir un exemple i més detalls.
No es pot establir el valor d'un selector de fitxers a partir d'un script; fer alguna cosa com el següent no té efecte:
var e = getElementById("someFileInputElement"); e.value = "foo";
Si voleu que Firefox presenti un missatge d'error personalitzat quan un camp no pot validar, podeu utilitzar l'atribut x-moz-errormessage
per fer-ho:
<input type="email" x-moz-errormessage="Please specify a valid email address.">
Tingueu en compte, però, que això no és estàndard i no tindrà efecte sobre altres navegadors.
<p>A basic input</p> <input type="text" value="Type here">
{{ EmbedLiveSample('Example_1_Simple_input_box', '', '100', '', 'Web/HTML/Element/input') }}
<p>A common form that includes input tags</p> <form action="getform.php" method="get"> <label>First name: <input type="text"></label><br> <label>Last name: <input type="text"></label><br> <label>E-mail: <input type="email"></label><br> <input type="submit" value="Submit"> </form>
{{ EmbedLiveSample('Example_2_Common_use-case_scenario', '', '200', '', 'Web/HTML/Element/input') }}
Es pot utilitzar l'atribut {{htmlattrxref("mozactionhint", "input")}} per especificar el text de l'etiqueta de la tecla Retorn al teclat virtual quan el formulari es representa a Firefox mòbil. Per exemple, per tenir una etiqueta a "Següent", pot fer això:
<input type="text" mozactionhint="next">
El resultat és:
Les entrades permeses per a certs tipus <input> depenen de la configuració regional. En algunes localitats, 1,000.00 és un nombre vàlid, mentre que en altres localitats la forma vàlida d'ingressar aquest nombre és 1.000,00.
Firefox utilitza la següent heurística per determinar la configuració regional per validar l'entrada de l'usuari (almenys per type
= "number"
):
lang/xml:lang
en l'element o qualsevol dels seus pares;Especificació | Estat | Comentari |
---|---|---|
{{SpecName('HTML WHATWG', 'forms.html#the-input-element', '<input>')}} | {{Spec2('HTML WHATWG')}} | |
{{SpecName('HTML Media Capture', '#the-capture-attribute','<input capture>')}} | {{Spec2('HTML Media Capture')}} | Afegeix l'element capture |
{{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}}
Característica | Chrome | Firefox (Gecko)[28] | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Suport bàsic | 1.0 | {{CompatGeckoDesktop("1.7")}} | {{CompatVersionUnknown}}[1] | 1.0 | 1.0 |
type | 1.0 | {{CompatGeckoDesktop("1.7")}} | 2 | 1.0 | 1.0 |
type=button | 1.0 | {{CompatGeckoDesktop("1.7")}} | 3 | 1.0 | 1.0 |
type=checkbox | 1.0 | {{CompatGeckoDesktop("1.7")}} {{CompatGeckoDesktop("1.9.2")}}[2] |
2 | 1.0 | 1.0 |
type=color | 21.0 | {{CompatGeckoDesktop("29.0")}} | {{CompatNo}} | 11.01 | {{CompatNo}} |
type=date | 5.0[24] | {{CompatNo}}[3] | {{CompatNo}} | 10.62 | {{CompatVersionUnknown}}[4] |
type=datetime | {{CompatNo}}[4] | {{CompatNo}}[3] | {{CompatNo}} | 10.62 | {{CompatVersionUnknown}}[4] |
type=datetime-local | 5.0 | {{CompatNo}}[3] | {{CompatNo}} | 10.62 | {{CompatVersionUnknown}}[4] |
type=email | 5.0 | {{CompatGeckoDesktop("2.0")}} | 10 | 10.62 | {{CompatUnknown}} |
type=file | 1.0 | {{CompatGeckoDesktop("1.7")}} | 3.02 | 1.0 | 1.0 |
type=hidden | 1.0 | {{CompatGeckoDesktop("1.7")}} | 2 | 1.0 | 1.0 |
type=image | 1.0 | {{CompatGeckoDesktop("1.7")}}[5] | 2 | 1.0 | 1.0 |
type=month | 5.0 | {{CompatNo}}[6] | {{CompatNo}} | 10.62 | {{CompatVersionUnknown}}[4] |
type=number | 6.0[7] | {{CompatGeckoDesktop("29.0")}} | 10[4] | 10.62 | {{CompatVersionUnknown}} |
type=password | 1.0 | {{CompatGeckoDesktop("1.7")}} | 2 | 1.0 | 1.0 |
type=radio | 1.0 | {{CompatGeckoDesktop("1.7")}} {{CompatGeckoDesktop("1.9.2")}}[2] |
2 | 1.0 | 1.0 |
type=range | 5.0 | {{CompatGeckoDesktop("23.0")}} | 10 | 10.62[8] | {{CompatVersionUnknown}} |
type=reset | 1.0 | {{CompatGeckoDesktop("1.7")}} | 2 | 1.0 | 1.0 |
type=search | 5.0 | {{CompatGeckoDesktop("2.0")}} | 10 | 11.01 | {{CompatVersionUnknown}} |
type=submit | 1.0 | {{CompatGeckoDesktop("1.7")}} | 2 | 1.0 | 1.0 |
type=tel | 5.0 | {{CompatGeckoDesktop("2.0")}} | 10 | 11.01 | {{CompatUnknown}} |
type=text | 1.0 | {{CompatGeckoDesktop("1.7")}} | 2 | 1.0 | 1.0 |
type=time | 5.0 | {{CompatNo}}[3] | {{CompatNo}} | 10.62 | {{CompatVersionUnknown}}[4] |
type=url | 5.0 | {{CompatGeckoDesktop("2.0")}} | 10 | 10.62 | {{CompatUnknown}} |
type=week | 5.0 | {{CompatNo}}[3] | {{CompatNo}} | 10.62 | {{CompatVersionUnknown}}[4] |
accept=[file extension] | {{CompatVersionUnknown}} | {{CompatNo}} | 10 | {{CompatUnknown}} | {{CompatNo}} |
accept=[MIME type] | 8.0 | {{CompatGeckoDesktop("16.0")}} | 10 | 10 | {{CompatNo}} |
accept=audio/* | {{CompatVersionUnknown}} | {{CompatGeckoDesktop("2.0")}}[9] | 10 | {{CompatNo}} | {{CompatNo}} |
accept=video/* | {{CompatVersionUnknown}} | {{CompatGeckoDesktop("2.0")}}[10] | 10 | {{CompatNo}} | {{CompatNo}} |
accept=image/* | {{CompatVersionUnknown}} | {{CompatGeckoDesktop("2.0")}}[11] | 10 | {{CompatNo}} | {{CompatNo}} |
accept=[. + ext] | {{CompatUnknown}} | {{CompatGeckoDesktop("37.0")}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} |
accesskey | 1.0 | {{CompatVersionUnknown}} | 6 | 1.0 | {{CompatUnknown}} |
mozactionhint | {{CompatNo}} | {{CompatGeckoDesktop("2.0")}} | {{CompatNo}} | {{CompatNo}} | {{CompatNo}} |
autocapitalize | 43 | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatVersionUnknown}} |
autocomplete | 17.0 | {{CompatGeckoDesktop("2.0")}} | 5 | 9.6 | 5.2 |
autofocus | 5.0 | {{CompatGeckoDesktop("2.0")}} | 10 | 9.6 | 5.0 |
capture | Chrome for Android (0.16) | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} |
checked | 1.0 | {{CompatGeckoDesktop("1.7")}} | 2 | 1.0 | 1.0 |
disabled | 1.0 | {{CompatGeckoDesktop("1.7")}}[25] | 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[12] | {{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[13] | {{CompatGeckoDesktop("1.9.2")}}[14] {{CompatVersionUnknown}}[15] |
10 | 1.0 10.62[14] 11.01[15] |
{{CompatUnknown}} |
name | 1.0 | {{CompatGeckoDesktop("1.7")}} | 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")}} | 6[16] | 1.0 | 1.0 |
required | 5.0 10[17] |
{{CompatGeckoDesktop("2.0")}} | 10 | 9.6 | {{CompatNo}} |
size | 1.0 | {{CompatGeckoDesktop("1.7")}} | 2 | 1.0 | 1.0 |
spellcheck | 10.0 | {{CompatGeckoDesktop("1.9.2")}} | 10 | 11.0 | 4.0 |
src | 1.0 | {{CompatGeckoDesktop("1.7")}} | 2 | 1.0 | 1.0 |
step | 6.0 | {{CompatGeckoDesktop("16.0")}} | 10 | 10.62 | 5.0 |
tabindex | 1.0 | {{CompatGeckoDesktop("1.7")}} | 6[18] | {{CompatVersionUnknown}} | {{CompatUnknown}} |
webkitdirectory | {{CompatVersionUnknown}} | {{CompatGeckoDesktop("49.0")}} | {{CompatUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} |
width | 1.0 | {{CompatGeckoDesktop("16.0")}} | {{CompatUnknown}} | 1.0 | {{CompatUnknown}} |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | {{CompatVersionUnknown}} | {{CompatGeckoMobile("2.0")}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} |
type | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} |
type=button | {{CompatVersionUnknown}} | {{CompatVersionUnknown}}[27] | {{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[23] |
type=datetime | {{CompatNo}} | {{CompatNo}} | {{CompatNo}} | 10.62 | {{CompatVersionUnknown}}[23] |
type=datetime-local | {{CompatNo}} | {{CompatNo}} | {{CompatNo}} | 10.62 | {{CompatVersionUnknown}}[23] |
type=email | {{CompatUnknown}} | {{CompatGeckoMobile("2.0")}} | {{CompatUnknown}} | {{CompatVersionUnknown}} | 3.1[19] |
type=file | {{CompatUnknown}} | {{CompatUnknown}}[27] | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatVersionUnknown}}[21] |
type=hidden | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} |
type=image | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} |
type=month | {{CompatNo}} | {{CompatNo}} | {{CompatNo}} | 10.62 | {{CompatVersionUnknown}}[23] |
type=number | 2.3 | {{CompatGeckoMobile("29.0")}} | {{CompatUnknown}} | {{CompatVersionUnknown}} | 4.0[19] |
type=password | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}}[22] |
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[22] |
type=submit | {{CompatVersionUnknown}} | {{CompatVersionUnknown}}[27] | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} |
type=tel | 2.3 | {{CompatGeckoMobile("2.0")}} | {{CompatUnknown}} | 10.62 | 3.1[22] |
type=text | {{CompatVersionUnknown}} | {{CompatVersionUnknown}}[27] | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}}[22] |
type=time | {{CompatNo}} | {{CompatNo}} | {{CompatNo}} | 10.62 | {{CompatVersionUnknown}}[23] |
type=url | {{CompatUnknown}} | {{CompatGeckoMobile("2.0")}} | {{CompatUnknown}} | 10.62 | 3.1[19] |
type=week | {{CompatNo}} | {{CompatNo}} | {{CompatNo}} | 10.62 | {{CompatVersionUnknown}} |
accept=[MIME type] | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} |
accept=audio/* | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} |
accept=image/* | {{CompatUnknown}} | {{CompatUnknown}}[26] | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} |
accept=video/* | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} |
accept=[. + ext] | {{CompatUnknown}} | {{CompatGeckoMobile("37.0")}} | {{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}} |
capture | 3.0 | {{CompatGeckoMobile("10.0")}} | {{CompatUnknown}} | {{CompatUnknown}} | 6.0 |
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")}}[20] | {{CompatUnknown}} | 10.62 | {{CompatUnknown}} |
maxlength | {{CompatVersionUnknown}} | {{CompatGeckoMobile("2.0")}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} |
min | {{CompatUnknown}} | {{CompatGeckoMobile("16.0")}}[20] | {{CompatUnknown}} | 10.62 | {{CompatUnknown}} |
minlength | {{CompatUnknown}} | {{CompatNo}} | {{CompatUnknown}} | 27.0 | {{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")}}[20] | {{CompatUnknown}} | 10.62 | {{CompatUnknown}} |
tabindex | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} |
webkitdirectory | {{CompatVersionUnknown}} | {{CompatGeckoMobile("49.0")}} | {{CompatUnknown}} | {{CompatVersionUnknown}} | {{CompatVersionUnknown}} |
width | {{CompatUnknown}} | {{CompatGeckoMobile("16.0")}} | {{CompatUnknown}} | {{CompatUnknown}} | {{CompatUnknown}} |
[1] Això es va implementar en la versió 2 o anterior.
[2] Implementat pel valor indeterminate
.
[3] Aquesta funció no està implementada encara . Veure {{bug("825294")}}.
[4] És reconegut però no hi ha cap interfície d'usuari.
[5] Gecko 2.0 {{geckoRelease ("2.0")}} només envia coordenades X i Y quan es fa clic, ja no és el nom / valor de l'element.
[6] Aquesta funció no està implementada encara . Veure {{bug("888320")}}.
[7] Localització en Chrome 11.
[8] Opera 11.01 afegeix suport per a un valor predeterminat.
[9] Filtres per a les següents extensions d'arxiu d'àudio : .aac, .aif, .flac, .iff, .m4a, .m4b, .mid, .midi, .mp3, .mpa, .mpc, .oga, .ogg, .ra, .ram, .snd, .wav, .wma.
[10] Filtres per a les següents extensions d'arxiu de video : .avi, .divx, .flv, .m4v, .mkv, .mov, .mp4, .mpeg, .mpg, .ogm, .ogv, .ogx, .rm, .rmvb, .smil, .webm, .wmv, .xvid
[11] Filtres per a les següents extensions d'arxiu d'imatge: .jpe, .jpg, .jpeg, .gif, .png, .bmp, .ico, .svg, .svgz, .tif, .tiff, .ai, .drw, .pct, .psp, .xcf, .psd, .raw
[12] En 6.0 només funcionava amb el tipus de document HTML 5, el suport de validació en 7.0 va ser desactivat i tornat a habilitar en 10.0.
[13] Suportat per type="file"
i type="email"
des de la versió 5.0.
[14] Suportat per type="file"
.
[15] Suportat per type="email"
.
[16] Desaparegut per type="checkbox"
and type="radio"
.
[17] Suportat per l'element {{HTMLElement("select")}} .
[18] Els elements amb tabindex
> 0
no son navegables.
[19] Safari Mobile per iOS s'aplica un estil predeterminat de {{cssxref("opacity")}}: 0.4 a elements <input>
de text desactivats. Altres navegadors més importants actualment no comparteixen aquest estil particular per defecte en
[20] UI podria romandre sense aplicar-se.
[21] La càrrega d'arxius es van trencar a Mobile Safari per iOS 8.0 i 8.0.1. L'error es va corregir en iOS 8.0.2.
[22] Safari Mobile per iOS s'aplica un estil predeterminat de {{cssxref("opacity")}}: 0.4 a elements <input> de text desactivats. Altres navegadors més importants actualment no comparteixen aquest estil particular per defecte en
[23] En Safari Mobile per iOS, l'establiment de {{cssxref("display")}}: block
en un <input>
de type="date"
, type="time"
, type="datetime"
, type="datetime-local"
, o type="month"
fa que el text dins de l'etiqueta <input>
perdi l'alineació vertical. Veure {{webkitbug("139848")}}.
[24] A partir def Chrome v39, un <input>
de type="date"
amb un estil {{cssxref("display")}}: table-cell; {{cssxref("width")}}: 100%;
tindrà un {{cssxref("min-width")}} imposat per Chrome i no pot arribar a ser més estreta que aquesta amplada mínima. Vegeu Chromium bug #346051.
[25] Firefox, a diferència d'altres navegadors, per defecte, persisteixi l'estat dinàmic desactivat i (si escau) la validació dinàmica d'un <input>
a través de càrregues de pàgines. Establir el valor de l'atribut {{htmlattrxref("autocomplete","input")}} a off
per desactiva aquesta funció; això funciona fins i tot quan l'atribut {{htmlattrxref("autocomplete","input")}} normalment no s'apliqués als elements <input>
en virtut del seu {{htmlattrxref("type","input")}}. Veure {{bug(654072)}}.
[26] A partir de Gecko 9.0 {{geckoRelease ("9.0")}}, Firefox per Android permet als usuaris capturar imatges utilitzant la seva càmera i pujar-los, sense haver de sortir del navegador. Els desenvolupadors web poden implementar aquesta funció, simplement definint el valor de l'atribut accept
a image/*
en el seu <input>
of type="file"
d'entrada.
[27] Firefox per a Android es estableix per omissió {{cssxref("background-image")}} en totes les entrades de type="file
". Això es pot desactivar usant background-image:none
;. També s'estableix com a predeterminat {{cssxref("border")}} en ells.
[28] Abans del Firefox 51, selectionStart
i selectionEnd
retornaven 0 quan no hi havia cap selecció. Ara bé, aquests retornen correctament el desplaçament del caràcter immediatament després de la posició del cursor d'entrada del text actual; que és on es col·locarà el següent caràcter introduït.