[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/es/docs/Web/HTML/Reference/Elements/input#multiple [Back]  [Original]

input - HTML | MDN

Esta pgina ha sido traducida del ingls por la comunidad. Aprende ms y nete a la comunidad de MDN Web Docs.

View in English Always switch to English

input

Baseline Widely available *

This feature is well established and works across many devices and browser versions. Its been available across browsers since julio de 2015.

* Some parts of this feature may have varying levels of support.

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 ms potentes y complejos en todo HTML debido a la gran cantidad de combinaciones de tipos y atributos de entrada.

Categoras de contenido Contenido dinmico, enlistado, presentable, reajustable, elemento asociado a formulario, contenido textual. Si su atributo type no es hidden, entonces contenido etiquetable, contenido palpable.
Contenido permitido Ninguno, pues es un elemento vaco.
Omisin 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 HTMLInputElement

In this article

Atributos

Este elemento incluye los atributos globales, y los indicados a continuacin.

type

El tipo de control a mostrar. Su valor predeterminado es text, si no se especifica este atributo. Los posibles valores son:

  • button: Botn sin un comportamiento especfico.

  • checkbox: Casilla de seleccin. Se debe usar el atributo value para definir el valor que se enviar por este elemento. Se usa el atributo checked para indicar si el elemento est seleccionado. Tambin se puede usar el atributo indeterminate (el cual solo se puede establecer programaticamente) para indicar que la casilla est en un estado indeterminado (en la mayora de las plataformas, se dibuja una lnea horizontal a travs de la casilla).

  • color: Control para espicificar un color. Una interfaz de seleccin de color no requiere ms funcionalidad que la de aceptar colores simples como texto (ms informacin).

  • date: Control para introducir una fecha (ao, mes y da, sin tiempo).

  • datetime: Control para introducir una fecha y hora (horas, minutos, segundos y fraccin de segundo), basado en la zona horaria UTC. Esta caracterstica ha sido removida de WHATWG HTML.

  • datetime-local: Control para introducir fecha y hora, sin zona horaria especfica.

  • email: Campo para introducir una direccin de correo electrnico. El valor introducido se valida para que contenga una cadena vaca o una direccin de correo vlida antes de enviarse. Las pseudo-clases :valid y :invalid son aplicadas segun corresponda.

  • file: Control que permite al usuario seleccionar un archivo. Se puede usar el atributo accept para definir los tipos de archivo que el control podr seleccionar.

  • hidden: Control que no es mostrado en pantalla, pero cuyo valor es enviado al servidor.

  • image: Botn de envo de formulario con grfico. Se debe usar el atributo src para definir el origen de la imagen y el atributo alt para definir un texto alternativo. Se puede usar los atributos height y width para definir el tamao de la imagen en pxeles.

  • month: Control para introducir un mes y ao, sin zona horaria especfica.

  • number: Control para introducir un nmero de punto flotante.

  • password: Control de lnea simple cuyo valor permanece oculto. Se puede usar el atributo maxlength para especificar la longitud mxima del valor que se puede introducir.

  • radio: Botn radio. Se debe usar el atributo value para definir el valor que se enviar por este elemento. Se usa el atributo checked para indicar si el elemento est seleccionado de forma predeterminada. Los botones radio que tengan el mismo valor para su atributo name estn dentro del mismo "grupo de botones radio". Solo un botn radio dentro de un grupo puede ser seleccionado a la vez.

  • range: Control para introducir un nmero cuyo valor exacto no es importante. Este control usa los siguientes valores predeterminados si no se especifica cada atributo:

    • min: 0
    • max: 100
    • value: min + (max - min) / 2, o min si max es menor que min
    • step: 1
  • reset: Botn que restaura los contenidos de un formulario a sus valores predeterminados.

  • search: Cuadro de texto de lnea simple para introducir textos de bsqueda. Los saltos de lnea son eliminados automticamente del valor introducido.

  • submit: Botn que enva el formulario.

  • tel: Control para introducir un nmero telefnico. Los saltos de lnea son eliminados automticamente del valor introducido, pero no hay otra sintaxis forzada. Se pueden usar atributos como pattern y maxlength para restringir los valores introducidos en este control. Las pseudo-clases CSS :valid y :invalid son aplicadas segun corresponda.

  • text: Campo de texto de lnea simple. Los saltos de lnea son eliminados automticamente del valor introducido.

  • time: Control para introducir un valor de tiempo sin zona horaria especfica.

  • url: Campo para editar una URL. El valor introducido se valida para que contenga una cadena vaca o una ruta URL absoluta antes de enviarse. Los saltos de lnea y espacios en blanco al principio o al final del valor son eliminados automticamente. Se pueden usar atributos como pattern y maxlength para restringir los valores introducidos en el control. Las pseudo-clases :valid y :invalid son aplicadas segun corresponda.

  • week: Control para introducir una fecha que consiste en nmero de semana del ao y nmero de semana sin zona horaria especfica.

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:

  • Una extensin de archivo, comenzando por el caracter STOP (U+002E). (Ejemplos: ".jpg,.png,.doc")
  • Un tipo MIME vlido sin extensiones
  • audio/*, que representa archivos de audio
  • video/*, que representa archivos de vdeo
  • image/*, que representa archivos de imagen
accesskey slo HTML4

Un caracter que el usuario puede presionar para establecer el cursor en el control. Este atributo es global en HTML5.

mozactionhint

Especifica una "pista de accin" usada para determinar cmo etiquetar la tecla "enter" en dispositivos mviles con teclados virtuales. Los valores soportados son go, done, next, search, y send. Esto queda automticamente mapeado al texto apropiado y no son sensibles al uso de maysculas.

autocapitalize

Atributo no estndar usado por Chrome e iOS Safari Mobile, el cual controla si se deben cambiar los textos a maysculas automticamente mientras son introducidos/editados por el usuario, y la forma en que esto se har. Los valores no obsoletos estn disponibles en iOS5 y superior. Los valores posibles son:

  • none: Deshabilita completamente las maysculas automticas.
  • sentences: Cambia automticamente a mayscula la primera letra de la sentencia.
  • words: Cambia automticamente a mayscula la primera letra de cada palabra.
  • characters: Cambia automticamente a mayscula todos los caracteres.
  • on: Obsoleto desde iOS 5.
  • off: Obsoleto desde iOS 5.

Documentation sobre autocapitalize en la Referencia HTML de Safari

autocomplete

Este atributo indica si el valor del control puede ser completado automticamente por el navegador. Los valores posibles son:

  • off: El usuario debe explcitamente introducir un valor en este campo para cualquier uso, o el documento provee su propio mtodo de auto-completado. El navegador no completa automticamente lo introducido.
  • on: Se permite al navegador completar automticamente el valor basado en los valores que se han introducido previamente. Sin embargo, on no provee mayor informacin sobre qu clase de datos podra esperar el usuario introducir.
  • name: Nombre completo.
  • honorific-prefix: Prefixo o ttulo (Ejemplos: "Sr.", "Sra.", "Dr.", "Srita.").
  • given-name: Nombre de pila.
  • additional-name: Segundo nombre.
  • family-name: Apellido.
  • honorific-suffix: Sufijo (Ejemplos: "Hijo", "Seor", "II").
  • nickname: Apodo.
  • email: Correo electrnico.
  • username: Nombre de usuario.
  • new-password: Nueva contrasea (por ejemplo, al crear una cuenta o cambiar la contrasea).
  • current-password: Contrasea actual.
  • organization-title: Ttulo de organizacin (Ejemplos: "Ingeniero de Software", "Vicepresidente", "Director General Adjunto").
  • organization: Organizacin.
  • street-address: Calle (en direccin).
  • address-line1, address-line2, address-line3, address-level4, address-level3, address-level2, address-level1: Valores para direccin.
  • country: Pas.
  • country-name: Nombre del pas.
  • postal-code: Cdigo postal.
  • cc-name: Nombre completo en un instrumento de pago.
  • cc-given-name: Nombre de pila en un instrumento de pago.
  • cc-additional-name: Segundo nombre en un instrumento de pago.
  • cc-family-name: Apellido en un instrumento de pago.
  • cc-number: Cdigo de identificacin de un instrumento de pago(por ejemplo, el nmero de tarjeta de crdito).
  • cc-exp: Fecha de expiracin de un instrumento de pago.
  • cc-exp-month: Mes de expiracin en un instrumento de pago.
  • cc-exp-year: Ao de expiracin en un instrumento de pago.
  • cc-csc: Cdigo de seguridad en un instrumento de pago.
  • cc-type: Tipo de instrumento de pago (por ejemplo, Visa).
  • transaction-currency: Tipo de moneda de la transaccin.
  • transaction-amount: Monto de la transaccin.
  • language: Idioma preferido, etiqueta BCP 47 vlida.
  • bday: Fecha de cumpleaos.
  • bday-day: Da de cumpleaos.
  • bday-month: Mes de cumpleaos.
  • bday-year: Ao de cumpleaos.
  • sex: Sexo (ejemplos, Femenino, Female, Fa'afafine), texto libre, sin lneas nuevas.
  • tel: Telfono.
  • url: Direccin web correspondiente a la compaa, persona, direccin o informacin de contacto en los dems campos asociados a ste.
  • photo: Fotografa, cono u otra imagen correspondiente a la compaa, persona, direccin o informacin de contacto en los otros campos asociados a ste.

Vase el Estndar WHATWG para informcin ms 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 aqul cuyo id est especificado en el atributo form del elemento input. Para mayor informacin, vase el atributo autocomplete en <form>.

El atributo autocomplete tambin controla si Firefox, a diferencia de otros navegadores, persistir el estado deshabilitado dinmico, y (si aplica) la seleccin dinmica de un <input> a travs de las cargas de la pgina. La caracterstica de persistencia est habilitada de forma predeterminada. Estableciendo el valor de autocomplete como off se deshabilita esta caracterstica. Esto funciona an cuando el atributo autocomplete no se aplicara normalmente al <input> en virtud de su atributo type. Vase Error 654072 en Firefox.

Para navegadores ms modernos (incluyendo Firefox 38+, Google Chrome 34+, IE 11+), establecer el atributo autocomplete no previene que el administrador de contraseas del navegador le pregunte al usuario si desea guardar la informacin de inicio de sesin (usuario y contrasea), ni tampoco, de permitirlo el usuario, que se autocompleten estos campos la prxima vez que el usuario visite la pgina. Vase El atributo autocomplete y campos de inicio de sesin.

autocorrect

Es un atributo no estndar, soportado por Safari, que es usado para controlar si la autocorreccin debe estar habilitada cuando el usuario est introduciendo/editando el texto de un <input>. Los valores posibles de este atributo son:

  • on: Habilita la autocorreccin
  • off: Deshabilita la autocorreccin

Documentacin de autocorrect en la Referencia HTML de Safari

autofocus

Este atributo Booleano permite especificar que un control de formulario tenga el cursor cuando la pgina 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 automticamente el cursor en un control oculto). Ntese que el cursor se podra establecer en el control antes de disparar el evento DOMContentLoaded.

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 algn mecanismo de captura de medios.

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 seleccin dinmico en un <input> a travs de las cargas de la pgina. Para controlar esta caracterstica se usa el atributo autocomplete.

disabled

Este atributo Booleano indica que el control no est disponible para interaccin. 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 seleccin dinmico en un <input> a travs de las cargas de la pgina. Para controlar esta caracterstica se usa el atributo autocomplete.

form

El elemento form al que est asociado el elemento (su formulario propietario). El valor del atributo debe ser el id de un elemento <form> en el mismo documento. Si el atributo no es especificado, este elemento <input> deber ser descendiente de un elemento <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 slo con un formulario.

formaction

El URI de un programa que procesa la informacin enviada por el elemento input, cuando es un botn de tipo submit o image. Si se especifica, reemplaza al atributo action del formulario al que pertenece el elemento.

formenctype

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:

  • application/x-www-form-urlencoded: El valor predeterminado si el atributo no es especificado.
  • multipart/form-data: Se usa este valor cuando se tiene un elemento <input> con atributo type de valor file.
  • text/plain

Si este atributo est especificado, reemplaza al atributo enctype del formulario al que pertenece el elemento.

formmethod

Si el elemento input es un botn de tipo submit o image, este atributo especifica el mtodo HTTP que el navegador usar para enviar el formulario. Los valores posibles son:

  • post: Los datos del formulario son incluidos en el cuerpo del formulario, y enviados al servidor.
  • get: Los datos del formulario son aadidos al URI del form con un smbolo '?' como separador, y el URI resultante es enviado al servidor. Se usa este mtodo cuando el formulario no tiene efectos secundarios y contiene solamente caracteres ASCII.

Si este atributo est especificado, reemplaza al atributo method del formulario al que pertenece el elemento.

formnovalidate

Si el elemento input es de tipo submit o image, este atributo Booleano especifica que el formulario no ser validado cuando se enve. Si este atributo est especificado, reemplaza al atributo novalidate del formulario al que pertenece el elemento.

formtarget

Si el elemento input es de tipo submit o image, este atributo es el nombre o palabra clave que indica dnde mostrar la respuesta que se recibe despus de enviar el formulario. Este es el nombre, o palabra clave, de un contexto de navegacin (por ejemplo, pestaa, ventana o frame incrustado). Si este atributo est especificado, reemplaza al atributo target del formulario al que pertenece el elemento. Las siguientes palabras clave tienen significado especial:

  • _self: Carga la respuesta en el mismo contexto de navegacin actual. Este valor es el predeterminado cuando no se especifica el atributo.
  • _blank: Carga la respuesta en un contexto de navegacin nuevo.
  • _parent: Carga la respuesta en el contexto de navegacin padre del actual. Si no hay contexto padre, se comporta de la misma forma que _self.
  • _top: Carga la respuesta en el contexto de navegacin principal (es decir, el contexto que es ancestro del actual y que no tenga padre). Si no hay contexto padre, se comporta de la misma forma que _self.
height

Si el valor del atributo type es image, este atributo define la altura de la imagen mostrada para el botn.

incremental

Es un atributo no estndar, 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 despus de que un tiempo definido en implementacin 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 explcitamente inicie una bsqueda (por ejemplo, presionando la tecla Enter dentro del control). Documentacin de incremental en la Referencia HTML de Safari

inputmode

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:

  • verbatim: Alfanumrico, sin contenido con significado, como nombres de usuario o contraseas.
  • latin: Escritura en caracteres de latn, en el lenguaje de eleccin del usuario, con ayuda de escritura, como prediccin de texto. Para comunicacin humano-computadora, como en cuadros de bsqueda.
  • latin-name: Como latin, pero con nombres de personas.
  • latin-prose: Como latin, pero con ayuda de escritura ms agresiva. Para comunicacin humano-humano, como mensajera instantnea o correo electrnico.
  • full-width-latin: Como latin-prose, pero para idiomas secundarios del usuario.
  • kana: Escritura en kana o romaji, tpicamente escritura en hiragana, usando caracteres de anchura completa, con soporte para conversin a kanji. Usado para escritura en japons.
  • katakana: Escritura en katakana, usando caracteres de anchura completa, con soporte para conversin a kanji. Usado para escritura en japons.
  • numeric: Escritura en caracteres numricos, incluyendo teclas para los dgitos de 0 a 9, el separador de miles segun las preferencias del usuario, y el caracter para indicar nmeros negativos. Destinado a cdigos numricos, por ejemplo, nmeros de tarjeta de crdito. Para valores numricos reales, es preferible usar <input type="number"> en lugar de este atributo.
  • tel: Escritura de telfonos, includo las teclas de asterisco y gato. Es preferible el uso de <input type="tel"> en lugar de este atributo.
  • email: Escritura de correo electrnico. Es preferible el uso de <input type="email"> en lugar de este atributo.
  • url: Escritura de URL. Es preferible el uso de <input type="url"> en lugar de este atributo.
list

Identifica una lista de opciones predefinidas como sugerencias al usuario. El valor debe ser el id de un elemento <datalist> en el mismo documento. El navegador muestra solamente las opciones que son vlidas para el elemento. Este atributo es ignorado cuando el atributo type tiene valor hidden, checkbox, radio, file, o algun tipo de botn.

max

El valor mximo (numrico o fecha-hora) para este elemento, el cual no debe ser menor que su valor mnimo (atributo min).

maxlength

Si el valor del atributo type es text, email, search, password, tel, o url, este atributo especifica el nmero mximo de caracteres (en puntos de cdigo 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 nmero negativo resulta en el comportamiento predeterminado (es decir, el usuario puede introducir una cantidad ilimitada de caracteres). La restriccin es evaluada slo cuando el valor del atributo ha sido modificado.

min

El valor mnimo (numrico o fecha-hora) para este elemento, el cual no debe ser mayor a su valor mximo (atributo max).

minlength

Si el valor del atributo type es text, email, search, password, tel, o url, este atributo especifica la longitud mnima de caracteres (en puntos de cdigo Unicode) que el usuario puede introducir. Para los otros tipos de control, es ignorado.

multiple

Este atributo Booleano indica si el usuario puede introducir ms de un valor. Este atributo aplica cuando el atributo type es email o file, y en caso contrario es ignorado.

name

El nombre del control, el cual es enviado con los datos del formulario.

pattern

Una expresin regular contra la que el valor es evaluado. El patrn debe coincidir con el valor completo, no solo una parte. Se puede usar el atributo title para describir el patrn 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 expresin regular es el mismo que el algoritmo RegExp de JavaScript, con el parmetro 'u' que permite tratar al patrn como una secuencia de cdigo Unicode. El patrn no va rodeado por diagonales.

placeholder

Una pista para el usuario sobre lo que puede introducir en el control. El texto no debe contener saltos de lnea.

Nota: No se debe usar el atributo placeholder en lugar de un elemento <label>, pues sus propsitos son diferentes. El elemento <label> describe el rol del elemento en el formulario (es decir, indica qu tipo de informacin 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.

readonly

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 botn (como button o submit).

required

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 botn (submit, reset, o button). Las pseudo-clases :optional y :required se aplicarn al campo segn sea apropiado.

results

Este es un atributo no estndar, soportado por Safari, que slo aplica cuando el atributo type es search. Es usado para controlar el mximo nmero de entradas que se deben mostrar en el listado nativo del <input> de bsquedas pasadas. Este valor debe ser un nmero entero no negativo.

selectionDirection

La direccin en la que ocurre la seleccin. Esto es "forward" (hacia adelante) si la seleccin fue hecha de izquierda a derecha en una escritura LTR o izquierda a derecha en una escritura RTL, o "backward" (hacia atrs) si la seleccin fue hecha de forma opuesta. Puede ser "none" si la direccin de seleccin es desconocida.

selectionEnd

La separacin dentro del contenido de texto del ltimo caracter seleccionado. Si no hay seleccin, este valor indica la separacin para el caracter que sigue a la posicin actual del cursor (es decir, la posicin que el siguiente caracter que se escriba ocupar).

selectionStart

La separacin dentro del contenido del primer caracter seleccionado. Si no hay seleccin, este valor indica la separacin para el caracter que sigue a la posicin actual del cursor (es decir, la posicin que el siguiente caracter que se escriba ocupar).

size

El tamao inicial del control. Este valor es en pxeles, a menos que el atributo type sea text o password, en cuyo caso ser el nmero entero de caracteres. A partir de HTML5, este atributo aplica slo cuando el atributo type es text, search, tel, url, email, o password, de otro modo es ignorado. Adems, el tamao debe ser mayor a cero. Si no se especifica un tamao, 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 tamao est definido con un mnimo de x.

spellcheck

Si se establece este atributo con valor true, se est indicando que se debe revisar la ortografa y gramtica 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.

src

Si el atributo type es image, este atributo especifica el URI para la ubicacin de la imagen a mostrar en el botn de envo grfico. En caso contrario, es ignorado.

step

Trabaja con los atributos min y max, para limitar el incremento de valores numricos o de fecha-hora. Puede ser el valor any o un nmero positivo de punto flotante. Si no se establece este atributo como any, el control acepta solamente valores mltiplos del valor del atributo, mayores al mnimo.

tabindex especfico para el elemento en HTML$, global en HTML5

La posicin del elemento en el orden de navegacin por la tecla Tab dentro del documento.

usemap solo para HTML4

El nombre de un elemento <map> usado como mapa de imagen.

value

El valor inicial del control. Este atributo es opcional, excepto cuando el atributo type es radio o checkbox. Ntese que cuando se recarga la pgina, Gecko e IE ignorarn el valor especificado en el cdigo fuente HTML, si el valor fue modificado antes de recargar.

webkitdirectory

Este atributo Booleano indica si el selector usado cuando el atributo type es file debe permitir la seleccin de directorios solamente.

width

Si el valor del atributo type es image, este atributo define la anchura de la imagen mostrada en el botn.

x-moz-errormessage

Esta extensin de Mozilla permite especificar el mensaje de error cuando un campo no es validado exitosamente.

Notas

Introduccin de archivos

Nota: A partir de Gecko 2.0, llamar al mtodo click() en un elemento <input> de tipo "file" abre el selector de archivos y permite al usuario seleccionar archivos. Vase Utilizar ficheros desde aplicaciones web para ejemplos y ms detalles.

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

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

Mensajes de error

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

html
<input
  type="email"
  x-moz-errormessage="Por favor, especifique una direccin de correo vlida." />

Ntese, sin embargo, que esto no es estndar, y no tendr efecto en otros navegadores.

Ejemplos

Ejemplo 1: Cuadro de texto simple

HTML

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

Resultado

Ejemplo 2: Escenario de uso comn

HTML

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

Usando mozactionhint en Firefox mobile

Se puede usar el atributo mozactionhint 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:

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

El resultado es:

mozactionhint.png [mozactionhint.png]

Regionalizacin

Los valores permitidos para ciertos tipos de <input> dependen de la regin. En algunos casos, 1,000.00 is a valid number, mientras en otros la manera vlida de escribir un nmero es 1.000,00.

Firefox usa la siguiente heurstica para determinar la regin con la cual validar los datos introducidos por el usuario (por lo menos para type="number"):

  • Intenta con el lenguaje especificado por el atributo lang/xml:lang del elemento o de sus elementos ascendentes.
  • Intenta con el lenguaje especificado en algun encabezado HTTP Content-Language o
  • Si ninguno est especificado, usa la regin definida en el navegador.

Especificaciones

Specification
HTML
# the-input-element

Compatibilidad con navegadores

Vase tambin


Web Proxy Viewer  |  New URL  |  Original Page