HTML <input>Etiqueta
Ejemplo
Un formulario HTML simple, que contiene dos cuadros de entrada de texto y un botón de envío:
Pruébalo »
(En la parte inferior de esta página se pueden ver más ejemplos)
Soporte del navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <input> | Yes | Yes | Yes | Yes | Yes |
Definición e instrucciones de uso de la etiqueta
La etiqueta <input> define un campo de entrada en el que el usuario puede introducir datos.
El elemento <input> se utiliza dentro del elemento <form> para declarar controles de entrada que permiten al usuario introducir datos.
El campo de entrada puede variar de muchas maneras, dependiendo del atributo type.
Consejos y notas
Nota:El elemento <input> está vacío; solo contiene atributos de etiqueta.
Consejo:Puedes usar<label>el elemento <label> para definir la etiqueta del elemento <input>.
Diferencias entre HTML 4.01 y HTML5
En HTML 4.01, el atributo "align" ya no se utiliza. HTML5 no admite este atributo. Se puede usar CSS para definir la alineación del elemento <input>.
En HTML5, <input> ha añadido varios atributos, así como los valores correspondientes.
Diferencias entre HTML y XHTML
En HTML, la etiqueta <input> no tiene etiqueta de cierre.
En XHTML, la etiqueta <input> debe cerrarse correctamente.
Atributos
New: etiqueta nueva de HTML5.
| Atributo | Valor | Descripción |
|---|---|---|
| accept | audio/* video/* image/* MIME_type | Especifica el tipo de archivo que se envía mediante la carga de archivos. (Solo para type="file") |
| align | left right top middle bottom | Obsoleto en HTML5, no se recomienda su uso. Especifica la alineación de la entrada de imagen. (Solo para type="image") |
| alt | text | Define el texto alternativo para la entrada de imagen. (Solo para type="image") |
| autocompleteNew | on off | El atributo autocomplete especifica si el campo de entrada del elemento <input> debe tener habilitada la función de autocompletado. |
| autofocusNew | autofocus | El atributo especifica que el elemento <input> debe obtener el foco automáticamente cuando se carga la página. |
| checked | checked | El atributo checked especifica qué elemento <input> debe estar preseleccionado al cargar la página. (Solo para type="checkbox" o type="radio") |
| disabled | disabled | El atributo disabled especifica el elemento <input> que debe estar deshabilitado. |
| formNew | form_id | El atributo form especifica uno o más formularios a los que pertenece el elemento <input>. |
| formactionNew | URL | El atributo especifica la URL del archivo que procesa el control de entrada al enviar el formulario. (Solo para type="submit" y type="image") |
| formenctypeNew | application/x-www-form-urlencoded multipart/form-data text/plain | El atributo especifica cómo se codifican los datos del formulario al enviarlos al servidor (solo para type="submit" y type="image"). |
| formmethodNew | get post | Define el método HTTP para enviar los datos del formulario a la URL de acción. (Solo para type="submit" y type="image") |
| formnovalidateNew | formnovalidate | El atributo formnovalidate anula el atributo novalidate del elemento <form>. |
| formtargetNew | _blank _self _parent _top framename | Especifica el nombre o la palabra clave que indica dónde mostrar la respuesta recibida después de enviar el formulario. (Solo para type="submit" y type="image") |
| heightNew | pixels | Especifica la altura del elemento <input>. (Solo para type="image") |
| listNew | datalist_id | El atributo hace referencia al elemento <datalist> que contiene opciones predefinidas para el elemento <input>. |
| maxNew | number date | El atributo especifica el valor máximo del elemento <input>. |
| maxlength | number | El atributo especifica el número máximo de caracteres permitidos en el elemento <input>. |
| minNew | number date | El atributo especifica el valor mínimo del elemento <input>. |
| multipleNew | multiple | El atributo especifica múltiples valores que el usuario puede introducir en el elemento <input>. |
| name | text | El atributo name especifica el nombre del elemento <input>. |
| patternNew | regexp | El atributo pattern especifica una expresión regular utilizada para validar el valor del elemento <input>. |
| placeholderNew | text | El atributo placeholder especifica una breve pista que describe el valor esperado del campo de entrada <input>. |
| readonly | readonly | El atributo readonly especifica que el campo de entrada es de solo lectura. |
| requiredNew | required | El atributo especifica que el campo de entrada debe rellenarse antes de enviar el formulario. |
| size | number | El atributo size especifica el ancho visible del elemento <input> en número de caracteres. |
| src | URL | El atributo src especifica la URL de la imagen que se muestra como botón de envío. (Solo para type="image") |
| stepNew | number | El atributo step especifica el intervalo numérico válido para el elemento <input>. |
| type | button
checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week |
El atributo type especifica el tipo de elemento <input> que se va a mostrar. |
| value | text | Especifica el valor del atributo value del elemento <input>. |
| widthNew | pixels | El atributo width especifica el ancho del elemento <input>. (Solo para type="image") |
Atributos globales
La etiqueta <input> admite atributos globales. Consulta la tabla completa de atributos.Atributos globales de HTML。
Atributos de evento
La etiqueta <input> admite todos losatributos de evento de HTML。
Otras extensiones