Ejemplo
Un formulario HTML con tres campos de entrada; dos campos de texto y un botón de envío:
<form
action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Inténtalo tú mismo " Definición y Uso
La <input> etiqueta especifica un campo de entrada donde el usuario puede introducir datos.
<input> se utilizan dentro de un <form> elemento para declarar controles de entrada que permiten a los usuarios a los datos de entrada.
Un campo de entrada puede variar de muchas maneras, dependiendo del type de atributo.
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <input> | Sí | Sí | Sí | Sí | Sí |
Notas y sugerencias
Nota: La <input> elemento está vacío, contiene atributos solamente.
Consejo: Utilice la <label> elemento para definir etiquetas de <input> elementos.
Diferencias entre HTML 4.01 y HTML5
El "align" atributo no es compatible con HTML5.
En HTML5, el <input> etiqueta tiene varios atributos nuevos, y el type atributo tiene varios valores nuevos.
Diferencias entre HTML y XHTML
En HTML, el <input> etiqueta tiene ninguna etiqueta final.
En XHTML, el <input> etiqueta debe estar debidamente cerrado, como este <input /> .
atributos
= Nuevo en HTML5.
| Atributo | Valor | Descripción |
|---|---|---|
| accept | file_extension audio/* video/* image/* media_type | Especifica los tipos de archivos que acepta el servidor (sólo para type="file" ) |
| align | left right top middle bottom | No se admite en HTML5. Especifica la alineación de una entrada de imagen (sólo para type="image" ) |
| alt | text | Especifica un texto alternativo para las imágenes (sólo para type="image" ) |
| autocomplete | on off | Especifica si un <input> elemento debería haber permitido autocompletar |
| autofocus | autofocus | Especifica que un <input> elemento debe obtener automáticamente el foco cuando se carga la página |
| checked | checked | Especifica que un <input> elemento debe ser pre-seleccionado cuando se carga la página (por type="checkbox" o type="radio" ) |
| dirname | inputname.dir | Especifica que se presentará la dirección del texto |
| disabled | disabled | Especifica que un <input> elemento debe ser desactivada |
| form | form_id | Especifica una o más formas de la <input> pertenece a elemento |
| formaction | URL | Especifica la dirección URL del archivo que va a procesar el control de entrada cuando se envía el formulario (por type="submit" y type="image" ) |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | Especifica cómo se deben codificar los datos del formulario-al presentar al servidor (por type="submit" y type="image" ) |
| formmethod | get post | Define el método HTTP para enviar datos a la URL de acción (por type="submit" y type="image" ) |
| formnovalidate | formnovalidate | Define los elementos de formulario que no deben ser validados cuando se presente |
| formtarget | _blank _self _parent _top framename | Especifica dónde se debe mostrar la respuesta que se recibe después de enviar el formulario (por type="submit" y type="image" ) |
| height | pixels | Especifica la altura de un <input> elemento (sólo para type="image" ) |
| list | datalist_id | Se refiere a un <datalist> elemento que contiene opciones predefinidas para un <input> elemento |
| max | number date | Especifica el valor máximo para un <input> elemento |
| maxlength | number | Especifica el número máximo de caracteres permitido en un <input> elemento |
| min | number date | Especifica un valor mínimo para un <input> elemento |
| multiple | multiple | Especifica que un usuario puede introducir más de un valor en un <input> elemento |
| name | text | Especifica el nombre de un <input> elemento |
| pattern | regexp | Especifica una expresión regular que un <input> valor del elemento se compara |
| placeholder | text | Especifica un breve atisbo que describe el valor esperado de un <input> elemento |
| readonly | readonly | Especifica que un campo de entrada es de sólo lectura |
| required | required | Especifica que un campo de entrada debe ser completado antes de enviar el formulario |
| size | number | Especifica el ancho, en caracteres, de un <input> elemento |
| src | URL | Especifica la dirección URL de la imagen que se utiliza como un botón de envío (sólo para type="image" ) |
| step | number | Especifica los intervalos de números legales para un campo de entrada |
| type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | Especifica el tipo <input> elemento para mostrar |
| value | text | Especifica el valor de un <input> elemento |
| width | pixels | Especifica el ancho de un <input> elemento (sólo para type="image" ) |
Los atributos globales
La <input> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <input> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Tutorial de HTML: formularios HTML
referencia HTML DOM:
- Botón de objetos de entrada
- Casilla de verificación objeto de entrada
- Entrada de color de objetos
- Fecha de entrada Objeto
- Objeto de entrada de fecha y hora
- De entrada de objeto DatetimeLocal
- Objeto de entrada de correo electrónico
- Objeto de entrada FileUpload
- Entrada de objetos ocultos
- Imagen de entrada de objetos
- Mes objeto de entrada
- Número de objetos de entrada
- Contraseña objeto de entrada
- Rango de entrada de objetos
- Objeto de entrada Radio
- Restablecer objeto de entrada
- Buscar entrada de objetos
- Presentar la entrada de objetos
- Objeto de texto de entrada
- Tiempo de objetos de entrada
- URL del objeto de entrada
- Semana objeto de entrada
Ajustes por defecto CSS
Ninguna.