English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La etiqueta <input> de HTML es un control de entrada interactivo que proporciona a los usuarios controles de entrada para ingresar datos. Tradicionalmente, la etiqueta <input> se coloca dentro de la etiqueta <form> y se puede usar para representar campos de texto, casillas de verificación, menús desplegables, botones y otros tipos de entrada. Este etiqueta también se conoce comúnmente como elemento <input>.
Un formulario HTML simple que contiene dos campos de entrada de texto y un botón de envío:
!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 Uso de la etiqueta footer (Tutorial básico de la web oldtoolbag.com)</title>/title> </head> <body> <h1>oldtoolbag.com tutorial básico</h1> <form action="demo-form.php" method="post"> Empresa: <input type="text" name="company"><br> Dirección: <input type="text" name="address"><br> <input type="submit" value="Enviar"> </form> </body> </html>Prueba para ver ‹/›
En este HTML5En el ejemplo de documento, hemos utilizado la etiqueta <form> para crear un formulario HTML. Este formulario contiene dos controles <input> para la empresa y la dirección, y un control <input> para el botón de envío.
IEFirefoxOperaChromeSafari
La mayoría de los navegadores admiten la etiqueta <input>.
La etiqueta <input> especifica el campo de entrada donde el usuario puede ingresar datos.
El elemento <input> se utiliza en el elemento <form> para declarar el controlador de entrada que permite que el usuario ingrese datos.
Al establecer el atributo type, el elemento <input> puede convertirse en un campo de texto, casilla de verificación, botón de radio, menú desplegable, botón, campo de contraseña, etc.!
Nota: El elemento <input> está vacío, contiene solo atributos de etiqueta.
Aviso: Puedes usar <label> Se utiliza el elemento para definir las etiquetas del elemento <input>.
En HTML 4.01 En, "align" ya no se utiliza. HTML5 No se admite este atributo. Se puede usar CSS para definir el alineamiento del elemento <input>.
En HTML5En, <input> se han añadido varios atributos y se han añadido los valores correspondientes.
En HTML, la etiqueta <input> no tiene etiqueta de cierre.
En XHTML, la etiqueta <input> debe cerrarse correctamente.
New: HTML5Nuevo etiqueta.
| Atributo | Valor | Descripción |
|---|---|---|
| accept | audio/* video/* imagen/*MIME_type | Especifica el tipo de archivo que se debe enviar mediante el envío de archivos. (Sólo para type="file") |
| align | left right top middle bottom | HTML5Obsoleto, no se recomienda su uso. Especifica el alineamiento de la entrada de imagen. (Sólo para type="image") |
| alt | texto | Define el texto alternativo para la entrada de imagen. (Sólo para type="image") |
| autocompleteHTML5 | on off | La propiedad autocomplete especifica si el campo de entrada del elemento <input> debe activar la función de autocompletar. |
| autofocusHTML5 | autofocus | La propiedad autofocus especifica que el elemento <input> debe obtener el foco automáticamente al cargar la página. |
| checked | checked | La propiedad checked especifica que el elemento <input> debe estar seleccionado por defecto al cargar la página. (Sólo para type="checkbox" o type="radio") |
| dirnameHTML5 | inputname.dir | Especifica la dirección del texto que se debe enviar. |
| disabled | disabled | La propiedad disabled especifica que el elemento <input> debe estar inhabilitado. |
| formHTML5 | form_id | El atributo form especifica un o varios formularios a los que pertenece el elemento <input>. |
| formactionHTML5 | URL | La propiedad especifica la URL del archivo que se procesará cuando se envíe el formulario (sólo para type="submit" y type="image"). |
| formenctypeHTML5 | application/x-www-form-urlencoded multipart/form-data texto/plain | La propiedad especifica cómo se codificarán los datos del formulario cuando se envíen al servidor (sólo es adecuado para type="submit" y type="image"). |
| formmethodHTML5 | get post | Define el método HTTP utilizado para enviar los datos del formulario a la URL de acción. (Sólo es adecuado para type="submit" y type="image"). |
| formnovalidateHTML5 | formnovalidate | La propiedad 'formnovalidate' sobrescribe la propiedad 'novalidate' del elemento <form>. |
| formtargetHTML5 | _blank _self _parent _topframename | Se especifica el nombre o la palabra clave donde se mostrará la respuesta recibida después de enviar el formulario. (Sólo es adecuado para type="submit" y type="image"). |
| heightHTML5 | píxeles | Se especifica la altura del elemento <input> (sólo para type="image"). |
| listHTML5 | datalist_id | La propiedad hace referencia al elemento <datalist>, que contiene opciones predefinidas para el elemento <input>. |
| maxHTML5 | número fecha | La propiedad especifica el valor máximo del elemento <input>. |
| maxlength | número | La propiedad especifica el número máximo de caracteres permitidos en el elemento <input>. |
| minHTML5 | número fecha | La propiedad especifica el valor mínimo del elemento <input>. |
| multipleHTML5 | multiple | La propiedad especifica que se permiten múltiples valores de entrada en el elemento <input>. |
| name | texto | La propiedad 'name' especifica el nombre del elemento <input>. |
| patternHTML5 | regexp | La propiedad 'pattern' especifica la expresión regular utilizada para validar el valor del elemento <input>. |
| placeholderHTML5 | texto | La propiedad 'placeholder' especifica un mensaje breve que describe el valor esperado del campo <input>. . |
| readonly | readonly | La propiedad 'readonly' especifica que el campo de entrada es de solo lectura. |
| requiredHTML5 | required | La propiedad especifica que los campos de entrada deben estar llenados antes de enviar el formulario. |
| size | número | La propiedad 'size' especifica el ancho visible del elemento <input> en número de caracteres. |
| src | URL | La propiedad 'src' especifica la URL de la imagen que se muestra como botón de envío. (Sólo para type="image") |
| stepHTML5 | número | La propiedad step especifica el intervalo numérico válido del elemento <input>. |
| type | botón casilla de verificación color fecha datetime datetime-local correo electrónico archivo oculto imagen mes número contraseña radio rango restablecer buscar enviar tel texto tiempo url semana | La propiedad type especifica el tipo de elemento <input> que se debe mostrar. |
| value | texto | Especifica el valor de value del elemento <input>. |
| widthHTML5 | píxeles | La propiedad width especifica el ancho del elemento <input>. (sólo para type="image") |
<input> etiqueta admite atributos globales, consulte la tabla de atributos completa Atributos globales HTML.
<input> etiqueta admite todos los Atributos de eventos HTML.