Explicación detallada del código de ejemplo de nuevos controles de formulario y atributos de formulario HTML5

El primer punto de conocimiento: atributos y resumen de formularios.

El segundo punto de conocimiento: los nuevos controles, propiedades y resumen del formulario de H5

¿Cuáles son nuestras validaciones de formularios comunes?

etiqueta del cuadro de texto

cuadro de contraseña

casilla de verificación casilla de verificación múltiple

botón de radio

botón botón

botón enviar enviar

Los anteriores son algunos de nuestros atributos de formulario más utilizados.

(1) correo electrónico: cuadro de texto de correo electrónico, no diferente de los normales

1. Cuando la entrada no es una dirección de correo electrónico, la verificación falla.

2. El teclado del móvil cambiará

(2) teléfono: número de teléfono

1. Principalmente en terminales móviles, un cambio de teclado

(3) URL: URL de la página web

Ingrese la URL correcta

(4) buscar: motor de búsqueda

1. Después de ingresar texto en Chrome, habrá una x cerrada adicional

(5) Rango: selector de valores dentro de un rango específico

1.min, max, paso (número de pasos)

2. Ejemplo: use js para mostrar el valor actual

(6) número: un cuadro de entrada que solo puede contener números

(7) color: selector de color

(8) detetime muestra la fecha completa

(9) autocompletar: si se guarda el valor de entrada del usuario

El valor predeterminado es activado; para desactivar el mensaje, seleccione desactivado.

(10): Especifique el formulario para obtener el foco de entrada

(11): Este elemento es obligatorio y no puede estar vacío

Si solo escribe en el primer cuadro de entrada, aparecerá el segundo cuadro de entrada. Complete este campo.

(12) parrern: patrón de verificación regular=/d{1,5}

La expresión regular que configuré es de 1 a 5 números. Si no es el número, el envío fallará.

Lo anterior es una explicación detallada de los nuevos controles de formulario HTML5 y códigos de ejemplo de atributos de formulario introducidos por el editor. Espero que le resulte útil. Si tiene alguna pregunta, déjeme un mensaje y el editor le responderá. ¡tiempo!