--- title: input slug: Web/HTML/Element/input tags: - Elemento - Etiqueta HTML input - Formularios(2) - HTML - Referencia - Web - formularios html(2) translation_of: Web/HTML/Element/input original_slug: Web/HTML/Elemento/input ---

Resumen

El elemento HTML <input> se usa para crear controles interactivos para formularios basados en la web con el fin de recibir datos del usuario.Hay disponible una amplia variedad de tipos de datos de entrada y widgets de control, que dependen del dispositivo y el agente de usuario (user agent).El elemento <input> es uno de los más potentes y complejos en todo HTML debido a la gran cantidad de combinaciones de tipos y atributos de entrada.

 

Categorías de contenido Contenido dinámico, enlistado, presentable, reajustable, elemento asociado a formulario, contenido textual. Si su atributo {{htmlattrxref("type", "input")}} no es hidden, entonces contenido etiquetable, contenido palpable.
Contenido permitido Ninguno, pues es un {{Glossary("empty element", "elemento vacío")}}.
Omisión de etiqueta Debe tener una etiqueta de apertura y no debe tener etiqueta de cierre.
Elementos padre permitidos Cualquier elemento que acepte contenido textual.
Interfaz DOM {{domxref("HTMLInputElement")}}

Atributos

Este elemento incluye los atributos globales, y los indicados a continuación.

{{htmlattrdef("type")}}
El tipo de control a mostrar. Su valor predeterminado es text, si no se especifica este atributo. Los posibles valores son:
{{htmlattrdef("accept")}}
Si el valor del atributo type es file, este atributo indica los tipos de archivo que el servidor acepta, de otra manera será ignorado. El valor debe ser una lista de tipos de contenido únicos, separados por coma:
{{htmlattrdef("accesskey")}} sólo {{HTMLVersionInline(4)}}, {{obsoleteGeneric("inline", "HTML5")}}
Un caracter que el usuario puede presionar para establecer el cursor en el control. Este atributo es global en HTML5.
{{htmlattrdef("mozactionhint")}} {{non-standard_inline}}
Especifica una "pista de acción" usada para determinar cómo etiquetar la tecla "enter" en dispositivos móviles con teclados virtuales. Los valores soportados son go, done, next, search, y send. Esto queda automáticamente mapeado al texto apropiado y no son sensibles al uso de mayúsculas.
{{htmlattrdef("autocapitalize")}} {{non-standard_inline}}
Atributo no estándar usado por Chrome e iOS Safari Mobile, el cual controla si se deben cambiar los textos a mayúsculas automáticamente mientras son introducidos/editados por el usuario, y la forma en que esto se hará. Los valores no obsoletos están disponibles en iOS5 y superior. Los valores posibles son: Documentation sobre autocapitalize en la Referencia HTML de Safari
{{htmlattrdef("autocomplete")}} {{HTMLVersionInline("5")}}
Este atributo indica si el valor del control puede ser completado automáticamente por el navegador.
Los valores posibles son:

Véase el Estándar WHATWG para információn más detallada.

Si el atributo autocomplete no está especificado en un elemento input, el navegador usa el atributo autocomplete del formulario al que pertenece el elemento <input>, es decir, el elemento form del cual es descendiente el elemento <input>, o aquél cuyo id está especificado en el atributo form del elemento input. Para mayor información, véase el atributo {{htmlattrxref("autocomplete", "form")}} en {{HTMLElement("form")}}.

El atributo autocomplete también controla si Firefox, a diferencia de otros navegadores, persistirá el estado deshabilitado dinámico, y (si aplica) la selección dinámica de un <input> a través de las cargas de la página. La característica de persistencia está habilitada de forma predeterminada. Estableciendo el valor de autocomplete como off se deshabilita esta característica. Esto funciona aún cuando el atributo autocomplete no se aplicaría normalmente al <input> en virtud de su atributo type. Véase {{bug(654072)}}.

Para navegadores más modernos (incluyendo Firefox 38+, Google Chrome 34+, IE 11+), establecer el atributo autocomplete no previene que el administrador de contraseñas del navegador le pregunte al usuario si desea guardar la información de inicio de sesión (usuario y contraseña), ni tampoco, de permitirlo el usuario, que se autocompleten estos campos la próxima vez que el usuario visite la página. Véase El atributo autocomplete y campos de inicio de sesión.

{{htmlattrdef("autocorrect")}} {{non-standard_inline}}
Es un atributo no estándar, soportado por Safari, que es usado para controlar si la autocorrección debe estar habilitada cuando el usuario está introduciendo/editando el texto de un <input>. Los valores posibles de este atributo son: Documentación de autocorrect en la Referencia HTML de Safari
{{htmlattrdef("autofocus")}} {{HTMLVersionInline("5")}}
Este atributo Booleano permite especificar que un control de formulario tenga el cursor cuando la página se carga, a menos que el usuario lo reemplace, por ejemplo, escribiendo en un control diferente. Solo un elemento de formulario en un mismo documento puede tener el atributo autofocus, el cual es Booleano. No puede ser aplicado si el atributo type tiene valor hidden (es decir, no se puede establecer automáticamente el cursor en un control oculto). Nótese que el cursor se podría establecer en el control antes de disparar el evento DOMContentLoaded.
{{htmlattrdef("capture")}}

Cuando el valor del atributo type es file, la presencia de este atributo Booleano indica que se le dará preferencia a la captura del medio directamente del ambiente del dispositivo, usando algún mecanismo de captura de medios.

{{htmlattrdef("checked")}}

Cuando el valor del atributo type es radio o checkbox, la presencia de este atributo Booleano indica que el control está seleccionado de forma predeterminada. De lo contrario, será ignorado.

En Firefox, a diferencia de otros navegadores, de forma predeterminada, se persiste el estado de selección dinámico en un <input> a través de las cargas de la página. Para controlar esta característica se usa el atributo {{htmlattrxref("autocomplete","input")}}.

{{htmlattrdef("disabled")}}

Este atributo Booleano indica que el control no está disponible para interacción. En particular, el evento click no será invocado en controles deshabilitados. De igual forma, el valor de un control deshabilitado no es enviado con el formulario.

En Firefox, a diferencia de otros navegadores, de forma predeterminada, se persiste el estado de selección dinámico en un <input> a través de las cargas de la página. Para controlar esta característica se usa el atributo {{htmlattrxref("autocomplete","input")}}.

{{htmlattrdef("form")}} {{HTMLVersionInline("5")}}
El elemento form al que está asociado el elemento (su formulario propietario). El valor del atributo debe ser el id de un elemento {{HTMLElement("form")}} en el mismo documento. Si el atributo no es especificado, este elemento <input> deberá ser descendiente de un elemento {{HTMLElement("form")}}. Este atributo permite poner elementos <input> en cualquier parte dentro de un documento, no solamente como descendientes de su formulario. Un input puede ser asociado sólo con un formulario.
{{htmlattrdef("formaction")}} {{HTMLVersionInline("5")}}
El URI de un programa que procesa la información enviada por el elemento input, cuando es un botón de tipo submit o image. Si se especifica, reemplaza al atributo {{htmlattrxref("action","form")}} del formulario al que pertenece el elemento.
{{htmlattrdef("formenctype")}} {{HTMLVersionInline("5")}}
Si el elemento es de tipo submit o image, este atributo especifica el tipo de contenido que es usado para enviar el formulario al servidor. Los valores posibles son:

Si este atributo está especificado, reemplaza al atributo {{htmlattrxref("enctype","form")}} del formulario al que pertenece el elemento.

{{htmlattrdef("formmethod")}} {{HTMLVersionInline("5")}}
Si el elemento input es un botón de tipo submit o image, este atributo especifica el método HTTP que el navegador usará para enviar el formulario. Los valores posibles son:

Si este atributo está especificado, reemplaza al atributo {{htmlattrxref("method","form")}} del formulario al que pertenece el elemento.

{{htmlattrdef("formnovalidate")}} {{HTMLVersionInline("5")}}
Si el elemento input es de tipo submit o image, este atributo Booleano especifica que el formulario no será validado cuando se envíe. Si este atributo está especificado, reemplaza al atributo {{htmlattrxref("novalidate","form")}} del formulario al que pertenece el elemento.
{{htmlattrdef("formtarget")}} {{HTMLVersionInline("5")}}
Si el elemento input es de tipo submit o image, este atributo es el nombre o palabra clave que indica dónde mostrar la respuesta que se recibe después de enviar el formulario. Este es el nombre, o palabra clave, de un contexto de navegación (por ejemplo, pestaña, ventana o frame incrustado). Si este atributo está especificado, reemplaza al atributo {{htmlattrxref("target", "form")}} del formulario al que pertenece el elemento. Las siguientes palabras clave tienen significado especial:
{{htmlattrdef("height")}} {{HTMLVersionInline("5")}}
Si el valor del atributo type es image, este atributo define la altura de la imagen mostrada para el botón.
{{htmlattrdef("incremental")}} {{non-standard_inline}}
Es un atributo no estándar, soportado por WebKit (Safari) y Blink (Chrome), que solo aplica cuando el atributo type es search. Si el atributo está presente, sin importar su valor, el <input> dispara eventos search conforme el usuario edita el valor. El evento solo es disparado después de que un tiempo definido en implementación haya pasado desde la última vez que se presionó una tecla. Si el atributo está ausente, el evento search solo se disparará cuando el usuario explícitamente inicie una búsqueda (por ejemplo, presionando la tecla Enter dentro del control). Documentación de incremental en la Referencia HTML de Safari
{{htmlattrdef("inputmode")}} {{HTMLVersionInline("5")}}
Una pista para el navegador sobre qué teclado mostrar. Este atributo aplica cuando el valor del atributo type es text, password, email, o url. Los valores posibles son:
{{htmlattrdef("list")}} {{HTMLVersionInline("5")}}
Identifica una lista de opciones predefinidas como sugerencias al usuario. El valor debe ser el id de un elemento {{HTMLElement("datalist")}} en el mismo documento. El navegador muestra solamente las opciones que son válidas para el elemento. Este atributo es ignorado cuando el atributo type tiene valor hidden, checkbox, radio, file, o algun tipo de botón.
{{htmlattrdef("max")}} {{HTMLVersionInline("5")}}
El valor máximo (numérico o fecha-hora) para este elemento, el cual no debe ser menor que su valor mínimo (atributo min).
{{htmlattrdef("maxlength")}}

Si el valor del atributo type es text, email, search, password, tel, o url, este atributo especifica el número máximo de caracteres (en puntos de código Unicode) que el usuario puede introducir. Para los otros tipos de control, es ignorado. Puede exceder el valor del atributo size. Si no se especifica, el usuario puede introducir una cantidad ilimitada de caracteres. Especificar un número negativo resulta en el comportamiento predeterminado (es decir, el usuario puede introducir una cantidad ilimitada de caracteres). La restricción es evaluada sólo cuando el valor del atributo ha sido modificado.

{{htmlattrdef("min")}} {{HTMLVersionInline("5")}}
El valor mínimo (numérico o fecha-hora) para este elemento, el cual no debe ser mayor a su valor máximo (atributo max).
{{htmlattrdef("minlength")}} {{HTMLVersionInline("5")}}
Si el valor del atributo type es text, email, search, password, tel, o url, este atributo especifica la longitud mínima de caracteres (en puntos de código Unicode) que el usuario puede introducir. Para los otros tipos de control, es ignorado.
{{htmlattrdef("multiple")}} {{HTMLVersionInline("5")}}
Este atributo Booleano indica si el usuario puede introducir más de un valor. Este atributo aplica cuando el atributo type es email o file, y en caso contrario es ignorado.
{{htmlattrdef("name")}}
El nombre del control, el cual es enviado con los datos del formulario.
{{htmlattrdef("pattern")}} {{HTMLVersionInline("5")}}
Una expresión regular contra la que el valor es evaluado. El patrón debe coincidir con el valor completo, no solo una parte. Se puede usar el atributo title para describir el patrón como ayuda al usuario. Este atributo aplica cuando el atributo type es text, search, tel, url, email, o password, y en caso contrario es ignorado. El lenguaje de expresión regular es el mismo que el algoritmo {{jsxref("RegExp")}} de JavaScript, con el parámetro 'u' que permite tratar al patrón como una secuencia de código Unicode. El patrón no va rodeado por diagonales.
{{htmlattrdef("placeholder")}} {{HTMLVersionInline("5")}}
Una pista para el usuario sobre lo que puede introducir en el control. El texto no debe contener saltos de línea.
Nota: No se debe usar el atributo placeholder en lugar de un elemento {{HTMLElement("label")}}, pues sus propósitos son diferentes. El elemento {{HTMLElement("label")}} describe el rol del elemento en el formulario (es decir, indica qué tipo de información se espera), y el atributo placeholder es una pista sobre el formato que debe tener el contenido. Hay casos en los que el atributo placeholder no es visible para el usuario, por lo que el formulario debe ser comprensible para el usuario aunque este atributo no esté presente.
{{htmlattrdef("readonly")}} {{HTMLVersionInline("5")}}
Este atributo indica que el usuario no puede modificar el valor del control. El valor del atributo es irrelevante. De ser necesario el acceso lectura-escritura al valor, no se debe agregar el atributo "readonly". Es ignorado si el atributo type es hidden, range, color, checkbox, radio, file, o de tipo botón (como button o submit).
{{htmlattrdef("required")}} {{HTMLVersionInline("5")}}
Este atributo especifica que el usuario debe llenar el control antes de enviarlo al formulario. No puede ser usado cuando el atributo type es hidden, image, o de tipo botón (submit, reset, o button). Las pseudo-clases {{cssxref(":optional")}} y {{cssxref(":required")}} se aplicarán al campo según sea apropiado.
{{htmlattrdef("results")}} {{non-standard_inline}}
Este es un atributo no estándar, soportado por Safari, que sólo aplica cuando el atributo type es search. Es usado para controlar el máximo número de entradas que se deben mostrar en el listado nativo del <input> de búsquedas pasadas. Este valor debe ser un número entero no negativo.
{{htmlattrdef("selectionDirection")}} {{HTMLVersionInline("5")}}
La dirección en la que ocurre la selección. Esto es "forward" (hacia adelante) si la selección fue hecha de izquierda a derecha en una escritura LTR o izquierda a derecha en una escritura RTL, o "backward" (hacia atrás) si la selección fue hecha de forma opuesta. Puede ser "none" si la dirección de selección es desconocida.
{{htmlattrdef("selectionEnd")}}
La separación dentro del contenido de texto del último caracter seleccionado. Si no hay selección, este valor indica la separación para el caracter que sigue a la posición actual del cursor (es decir, la posición que el siguiente caracter que se escriba ocupará).
{{htmlattrdef("selectionStart")}}
La separación dentro del contenido del primer caracter seleccionado. Si no hay selección, este valor indica la separación para el caracter que sigue a la posición actual del cursor (es decir, la posición que el siguiente caracter que se escriba ocupará).
{{htmlattrdef("size")}}
El tamaño inicial del control. Este valor es en píxeles, a menos que el atributo type sea text o password, en cuyo caso será el número entero de caracteres. A partir de HTML5, este atributo aplica sólo cuando el atributo type es text, search, tel, url, email, o password, de otro modo es ignorado. Además, el tamaño debe ser mayor a cero. Si no se especifica un tamaño, se usa un valor predeterminado de 20. HTML5 simplemente establece que "el agente usuario debe asegurarse que al menos esa cantidad de caracteres sea visible", pero los caracteres pueden tener anchuras diferentes en ciertas fuentes. En algunos navegadores, una cadena con x caracteres no será completamente visible aunque su tamaño esté definido con un mínimo de x.
{{htmlattrdef("spellcheck")}} {{HTMLVersionInline("5")}}
Si se establece este atributo con valor true, se está indicando que se debe revisar la ortografía y gramática del elemento. El valor default indica que el elemento va a actuar acorde al comportamiento predeterminado del navegador, posiblemente basado en el valor del atributo spellcheck de su elemento padre. El valor false indica que el elemento no debe ser revisado.
{{htmlattrdef("src")}}
Si el atributo type es image, este atributo especifica el URI para la ubicación de la imagen a mostrar en el botón de envío gráfico. En caso contrario, es ignorado.
{{htmlattrdef("step")}} {{HTMLVersionInline("5")}}
Trabaja con los atributos min y max, para limitar el incremento de valores numéricos o de fecha-hora. Puede ser el valor any o un número positivo de punto flotante. Si no se establece este atributo como any, el control acepta solamente valores múltiplos del valor del atributo, mayores al mínimo.
{{htmlattrdef("tabindex")}} específico para el elemento en {{HTMLVersionInline(4)}}, global en {{HTMLVersionInline("5")}}
La posición del elemento en el orden de navegación por la tecla Tab dentro del documento.
{{htmlattrdef("usemap")}} solo para {{HTMLVersionInline(4)}}, {{obsoleteGeneric("inline", "HTML5")}}
El nombre de un elemento {{HTMLElement("map")}} usado como mapa de imagen.
{{htmlattrdef("value")}}
El valor inicial del control. Este atributo es opcional, excepto cuando el atributo type es radio o checkbox.
Nótese que cuando se recarga la página, Gecko e IE ignorarán el valor especificado en el código fuente HTML, si el valor fue modificado antes de recargar.
{{htmlattrdef("webkitdirectory")}} {{non-standard_inline}}
Este atributo Booleano indica si el selector usado cuando el atributo type es file debe permitir la selección de directorios solamente.
{{htmlattrdef("width")}} {{HTMLVersionInline("5")}}
Si el valor del atributo type es image, este atributo define la anchura de la imagen mostrada en el botón.
{{htmlattrdef("x-moz-errormessage")}} {{non-standard_inline}}
Esta extensión de Mozilla permite especificar el mensaje de error cuando un campo no es validado exitosamente.

Notas

Introducción de archivos

Nota: A partir de {{Gecko("2.0")}}, llamar al método click() en un elemento <input> de tipo "file" abre el selector de archivos y permite al usuario seleccionar archivos. Véase Utilizar ficheros desde aplicaciones web para ejemplos y más detalles.

No se puede establecer el valor de un selector de archivos desde un script. Hacer algo como lo siguiente no tiene efecto alguno:

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

Mensajes de error

Para que Firefox presente un mensaje de error personalizado cuando la validación de un campo falla, se puede usar el atributo x-moz-errormessage:

<input type="email" x-moz-errormessage="Por favor, especifique una dirección de correo válida.">

Nótese, sin embargo, que esto no es estándar, y no tendrá efecto en otros navegadores.

Ejemplos

Ejemplo 1: Cuadro de texto simple

HTML

<p>Simple input box</p>
<input type="text" value="Type here">

Resultado

{{ EmbedLiveSample('Example_1_Simple_input_box', '', '100', '', 'Web/HTML/Element/input') }}

Ejemplo 2: Escenario de uso común

HTML

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

Resultado

{{ EmbedLiveSample('Example_2_Common_use-case_scenario', '', '200', '', 'Web/HTML/Element/input') }}

Usando mozactionhint en Firefox mobile

Se puede usar el atributo {{htmlattrxref("mozactionhint", "input")}} para especificar el texto para la etiqueta de la tecla Enter en el teclado virtual cuando el formulario es mostrado en Firefox mobile. Por ejemplo, para mostrar una etiqueta "Next", se puede hacer esto:

<input type="text" mozactionhint="next">

El resultado es:

mozactionhint.png

Regionalización

Los valores permitidos para ciertos tipos de <input> dependen de la región. En algunos casos, 1,000.00 is a valid number, mientras en otros la manera válida de escribir un número es 1.000,00.

Firefox usa la siguiente heurística para determinar la región con la cual validar los datos introducidos por el usuario (por lo menos para type="number"):

Especificaciones

Especificación Estatus Comentarios
{{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')}} Añade el elemento 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')}}

Compatibilidad de navegadores

{{CompatibilityTable}}

Característica Chrome Firefox (Gecko)[28] Internet Explorer Opera Safari
Soporte básico 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}}
Característica Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Soporte básico {{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] Fue implementado en la versión 2 o inferior.

[2] Implementado para valor indeterminate.

[3] Esta característica todavía no está implementada. Véase {{bug("888320")}}.

[4] Es reconocido, pero no tiene UI.

[5] Gecko 2.0 {{geckoRelease("2.0")}} solo envía las coordenadas X e Y cuando se presiona, sin enviar nombre/valor del elemento.

[6] Esta característica todavía no está implementada. Véase {{bug("888320")}}.

[7] Regionalización en Chrome 11.

[8] Opera 11.01 añadió soporte para un valor predeterminado.

[9] Filtros para estas extensiones de archivo de audio: .aac, .aif, .flac, .iff, .m4a, .m4b, .mid, .midi, .mp3, .mpa, .mpc, .oga, .ogg, .ra, .ram, .snd, .wav, .wma.

[10] Filtros para estas extensiones de archivo de video: .avi, .divx, .flv, .m4v, .mkv, .mov, .mp4, .mpeg, .mpg, .ogm, .ogv, .ogx, .rm, .rmvb, .smil, .webm, .wmv, .xvid

[11] Filtros para estas extensiones de archivo de imagen: .jpe, .jpg, .jpeg, .gif, .png, .bmp, .ico, .svg, .svgz, .tif, .tiff, .ai, .drw, .pct, .psp, .xcf, .psd, .raw

[12] En 6.0 solo funciona con el tipo de documento HTML5, el soporte para validación en 7.0 fue deshabilitado, y rehabilitado en 10.0.

[13] Soportado para type="file" y type="email" desde la versión 5.0.

[14] Soportado para type="file".

[15] Supported for type="email".

[16] No está presente para type="checkbox" y type="radio".

[17] Soportado para el elemento {{HTMLElement("select")}}.

[18] Elementos con tabindex > 0 no son navegables.

[19] Sin validación, pero provee un teclado específico. Safari Mobile para iOS aplica un estilo predeterminado de {{cssxref("opacity")}}: 0.4 para deshabilitar los elementos <input> textuales. Los demás navegadores mayores no comparten este estilo particular actualmente.

[20] La interfaz podría permanecer sin implementarse.

[21] La carga de archivos no funcionaba en Mobile Safari para iOS 8.0 y 8.0.1. Este bug fue corregido en iOs 8.0.2.

[22] Safari Mobile para iOS aplicaba un estilo predeterminado de {{cssxref("opacity")}}: 0.4 para deshabilitar los elementos <input> textuales. Los demás navegadores mayores no comparten este estilo particular actualmente.

[23] En Safari Mobile para iOS, la configuración {{cssxref("display")}}: block en un <input> con type="date", type="time", type="datetime", type="datetime-local", o type="month" causa que el texto dentro del <input> se desalinee verticalmente. Véase {{webkitbug("139848")}}.

[24] Desde Chrome 39, un <input> con type="date" estilizado con {{cssxref("display")}}: table-cell; {{cssxref("width")}}: 100%; tendrá un valor para {{cssxref("min-width")}} impuesto por Chrome, y no puede reducirse a un valor inferior a esa anchura mínima. Véase Chromium bug #346051.

[25] De forma predeterminada, Firefox, a diferencia de otros navegadores, persistirá el estado de deshabilitado dinámico y (si aplica), la selección de elementos dinámica de un <input> a través de las cargas de páginas. Estableciedo el valor del atributo {{htmlattrxref("autocomplete","input")}} como off deshabilita esta característica. Esto funciona aun cuando el atributo {{htmlattrxref("autocomplete","input")}} no aplicaría normalmente al <input> debido a su atributo {{htmlattrxref("type","input")}}. Véase {{bug(654072)}}.

[26] A partir de Gecko 9.0 {{geckoRelease("9.0")}}, Firefox para Android permite capturar imágenes usando la cámara para posteriormente cargarlas, sin necesidad de dejar el navegador. Los desarrolladores Web pueden implementar estar característica simplemente estableciendo el valor del atributo accept como image/* en el elemento <input> con type="file".

[27] Firefox para Android establece un gradiente predeterminado en {{cssxref("background-image")}} para todos los inputs con type="file". Esto puede ser deshabilitado usando background-image: none;. También establece un valor para {{cssxref("border")}} en los mismos.

[28] Previo a Firefox 51, selectionStart y selectionEnd devolvían 0 cuando no había selección. Ahora devuelven correctamente la separación del caracter siguiente a la posición actual del cursor, donde se insertará el siguiente caracter.

Véase también