Latest web development tutorials

etiqueta <input> HTML

Ejemplos

Un simple formulario HTML que contiene dos cuadros de entrada 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="提交">
</form>

Trate »
(Parte inferior de la página se puede ver más ejemplos)

Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La mayoría de los navegadores soportan la etiqueta <input>.


definiciones de código e instrucciones

<Entrada> especifica el usuario puede entrar en un campo en el que los datos de entrada.

<Entrada> elementos en el elemento <form> se utiliza para declarar permite a los usuarios introducir controles de entrada de datos.

Los campos de entrada pueden cambiarse de muchas maneras, dependiendo del tipo de atributo.


Notas y sugerencias

Nota: <input> elemento está vacío, sólo contiene atributos de etiqueta.

Consejo: Puede utilizar el <label> para definir la etiqueta <input> elemento.


Diferencias entre HTML 4.01 y HTML5

En HTML 4.01, "alinear" los datos ya no se utiliza. Este atributo no es compatible con HTML5. Se puede definir la alineación de los elementos <input> usando CSS.

En HTML5, <input> añadir varias propiedades, y añade el valor correspondiente.


Diferencias entre HTML y XHTML

En HTML, <input> no tiene ninguna etiqueta final.

En XHTML, <input> debe estar cerrado correctamente.


propiedad

Nuevo: HTML5 nuevas etiquetas.

propiedad valor descripción
aceptar de audio / vídeo * / * / imagen * mime_type Tipo especifica por la carga de archivos para presentar los documentos. (Sólo para el tipo = "archivo")
alinear la parte superior izquierda inferior derecha media HTML5 obsoletos, en desuso. alineación predeterminada de la imagen de entrada. (Sólo para el tipo = "imagen")
alt texto Definir la entrada de texto alternativo imagen. (Sólo para el tipo = "imagen")
Autocompletar Nueva on off autocompletar atributo especifica el campo de entrada <input> si debe permitir la finalización automática.
El enfoque automático Nueva enfoque automático Atributo especifica cuando se carga la página <input> elemento debe recibir automáticamente el enfoque.
comprobado comprobado Atributo especifica comprueba cuando se carga la página deben ser pre-seleccionados elementos <input>. (Sólo para el tipo = "casilla de verificación" o type = "radio")
discapacitado discapacitado disposiciones de propiedad con discapacidad deben ser desactivados elementos <input>.
formar Nueva form_id forma atributo especifica <input> elementos en forma de uno o más pertenece.
formAction Nueva URL atributo URL especifica el proceso de control de entrada cuando los envíos de formularios. (Sólo para type = "submit" y escriba = "imagen")
formenctype Nueva application / x-www-form-urlencoded texto multipart / form-data / plain Atributo especifica cuando el formulario se envía al servidor cómo codificar los datos (sólo para type = "submit" y escriba = "imagen").
formmethod Nueva obtener poste Definir Enviar los datos del formulario a la URL de acción del método HTTP. (Sólo para type = "submit" y escriba = "imagen")
formnovalidate Nueva formnovalidate anulaciones formnovalidate propiedad <form> atributo novalidate del elemento.
formtarget Nueva _blank _self _parent framename _top Después de enviar el formulario prescrito que muestra dónde se muestra el nombre de la respuesta recibida o palabra clave. (Sólo para type = "submit" y escriba = "imagen")
altura Nueva pixeles Disposiciones <INPUT> altura del elemento. (Sólo para el tipo = "imagen")
lista Nueva datalist_id Referencia del inmueble <lista de datos> elemento, que contiene opciones predefinidas elementos <input>.
MAX Nueva fecha de número Atributo especifica el elemento <input> máximo.
maxlength número Atributo especifica el <input> elementos de número máximo de caracteres permitidos.
min Nueva fecha de número Atributo especifica el elemento <input> de la mínima.
múltiples Nueva múltiple Atributo especifica permite al usuario introducir valores múltiples elementos <input>.
nombre texto Nombre del atributo especifica el <input> nombre del elemento.
patrón de Nueva expreg atributo especifica el patrón utilizado para validar <input> elemento del valor de las expresiones regulares.
marcador de posición Nueva texto El atributo marcador de posición proporciona una breve descripción de la entrada de mensaje <input> campo es el valor esperado.
sólo lectura sólo lectura atributo de sólo lectura especifica el campo de entrada es de sólo lectura.
requerida Nueva necesario Atributo especifica los campos de entrada deben ser llenados antes de enviar el formulario.
tamaño número atributo de ancho visible especifica el tamaño en términos de número de caracteres elementos <input>.
src URL atributo src especifica el URL del botón que se muestra como una imagen presente. (Sólo para el tipo = "imagen")
PASO Nueva número atributo especifica el paso <input> elemento intervalo digital legal.
tipo botón
caja
color
fecha
de fecha y hora
fecha y hora local
correo electrónico
expediente
oculto
imagen
mes
número
contraseña
radio
intervalo
reajustar
búsqueda
presentar
tel
texto
tiempo
url
semana
<Entrada> tipo de atributo especifica el tipo de elemento que desea visualizar.
valor texto Especifica el <input> valor del elemento de valor.
ancho de Nueva pixeles Atributo especifica la anchura <input> elemento de ancho. (Sólo para el tipo = "imagen")


Propiedades globales

<Input> soporta los atributos globales, ver completar la hoja de propiedades Atributos HTML Global .


Propiedades del evento

<Input> es compatible con todos los atributos de eventos HTML .