atributos de tipo de entrada HTML
Ejemplos
formulario HTML con dos tipos diferentes de entrada, texto y presentar:
用户名: <input type="text" name="usrname"><br>
<input type="submit" value="提交">
Trate »
(Vea la parte inferior de esta página para más ejemplos)
Soporte para el navegador
Todos los principales navegadores soportan el atributo tipo. Sin embargo, no todos los navegadores soportan todos los diferentes tipos de entrada pueden trabajar en todos los navegadores.
Véase más abajo para cada tipo de entrada del soporte de los navegadores.
Definición y Uso
<Entrada> tipo de atributo especifica el tipo de elemento que desea visualizar.
El tipo predeterminado es: texto.
Nota: No se requiere este atributo, pero creemos que siempre hay que utilizarlo.
Diferencias entre HTML 4.01 y HTML5
Los siguientes tipos de entrada son nuevos en el tipo de HTML5: color, fecha, fecha y hora, fecha y hora local, mes, semana, hora, correo electrónico, número, gama, búsqueda, tel y url.
gramática
propiedad Valor
值 | 描述 |
---|---|
button | 定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。 |
checkbox | 定义复选框。 |
color New | 定义拾色器。 |
date New | 定义 date 控件(包括年、月、日,不包括时间)。 |
datetime New | 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)。 |
datetime-local New | 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。 |
email New | 定义用于 e-mail 地址的字段。 |
file | 定义文件选择字段和 "浏览..." 按钮,供文件上传。 |
hidden | 定义隐藏输入字段。 |
image | 定义图像作为提交按钮。 |
month New | 定义 month 和 year 控件(不带时区)。 |
number New | 定义用于输入数字的字段。 |
password | 定义密码字段(字段中的字符会被遮蔽)。 |
radio | 定义单选按钮。 |
range New | 定义用于精确值不重要的输入数字的控件(比如 slider 控件)。 |
reset | 定义重置按钮(重置所有的表单值为默认值)。 |
search New | 定义用于输入搜索字符串的文本字段。 |
submit | 定义提交按钮。 |
tel New | 定义用于输入电话号码的字段。 |
text | 默认。定义一个单行的文本字段(默认宽度为 20 个字符)。 |
time New | 定义用于输入时间的控件(不带时区)。 |
url New | 定义用于输入 URL 的字段。 |
week New | 定义 week 和 year 控件(不带时区)。 |
Ejemplos
Tipo de entrada: Botón
Ejemplos
Definición de los botones puede hacer clic, cuando el usuario hace clic en un botón para iniciar un período de JavaScript:
Trate »
Tipo de entrada: casilla de verificación
Ejemplos
Box permite al usuario seleccionar una o más opciones en una serie de opciones:
<input type="checkbox" name="vehicle[]" value="Car"> 我有一辆小轿车<br>
<input type="checkbox" name="vehicle[]" value="Boat"> 我有一艘船<br>
Trate »
Tipo de entrada: Color
Ejemplos
Elija un color en el selector de color:
Trate »
Tipo de entrada: Fecha
Tipo de entrada: fecha y hora
Ejemplos
Definir los controles de fecha y hora (zona horaria) con:
Trate »
Tipo de entrada: fecha y hora local
Ejemplos
Definir los controles de fecha y hora (sin zona horaria):
Trate »
Tipo de entrada: correo electrónico
Ejemplos
Definiciones de campo para la dirección de correo electrónico (cuando el formulario se envía automáticamente al valor del campo de correo electrónico para verificar):
Trate »
Consejo: el navegador Safari del iPhonereconocerá el tipo de entrada de correo electrónico, a continuación, cambiar el teclado de pantalla táctil para adaptarse a él (añada @ .com y opciones).
Tipo de entrada: archivo
Ejemplos
Para definir el campo de selección de archivos y un botón "Examinar ...", para la carga de archivos:
Trate »
Tipo de entrada: oculto
Ejemplos
Definición de los campos ocultos, campos ocultos no son visibles para el usuario. Los campos ocultos suelen almacenar un valor por defecto, o cambian sus valores por el JavaScript:
Trate »
Tipo de entrada: Imagen
Ejemplos
imagen personalizada como el botón de envío:
Trate »
Tipo de entrada: el mes
Ejemplos
Definir el control de mes y el año (sin zona horaria):
Trate »
Tipo de entrada: Número
Ejemplos
Introduzca un número para definir los campos para (se pueden establecer los números de límites aceptables):
Trate »
Por favor utilice los siguientes atributos para especificar las restricciones:
- MAX - el máximo permitido por la normativa.
- min - el mínimo permitido por las regulaciones.
- PASO - requisitos para el intervalo digital legal.
- El valor - por defecto especificado.
Tipo de entrada: contraseña
Ejemplos
Definir campos de contraseña (campos de contraseña son personajes enmascarados):
Trate »
Tipo de entrada: Radio
Ejemplos
Permite al usuario seleccionar una opción en una serie de opciones:
<input type="radio" name="gender" value="女"> 女
Trate »
Tipo de entrada: gama
Ejemplos
Se define el valor exacto no es importante el control de entrada digital (como controles deslizantes). También puede establecer límites aceptables números:
Trate »
Por favor utilice los siguientes atributos para especificar las restricciones:
- MAX - el máximo permitido por la normativa.
- min - el mínimo permitido por las regulaciones.
- PASO - requisitos para el intervalo digital legal.
- El valor - por defecto especificado.
Tipo de entrada: restablecer
Ejemplos
Definir el botón de reinicio (reset todo el formulario es el valor por defecto):
Trate »
Consejo: Tenga cuidado al usar el botón de reinicio!Para los usuarios, accidentalmente hizo clic en el botón Reset es una cosa muy molesto.
Tipo de entrada: buscar
Ejemplos
campo de búsqueda definido (por ejemplo, la búsqueda del sitio o de búsqueda de Google, etc.):
Trate »
Tipo de entrada: enviar
Tipo de entrada: tel
Ejemplos
campos definidos para introducir números de teléfono:
Trate »
Tipo de entrada: texto
Ejemplos
El usuario puede definir dos a entrar en una sola línea de texto en un campo de texto:
Last name: <input type="text" name="lname"><br>
Trate »
Tipo de entrada: el tiempo
Ejemplos
Introduzca la hora de la definición de control se utiliza (sin zona horaria):
Trate »
Tipo de entrada: url
Consejo: el navegador Safari del iPhonereconocerá el tipo de entrada de URL, a continuación, cambiar el teclado de pantalla táctil para adaptarse a él (.com opción de añadir).
Tipo de entrada: la semana
Ejemplos
Definición de la semana y el control de año (sin zona horaria):
Trate »
etiqueta <input> HTML