Introducción al artículo de Wulin.com (www.vevb.com): HTML5 Práctica diaria de los nuevos atributos de la forma.
Se han agregado muchas etiquetas nuevas y atributos funcionales a HTML5. Hoy veremos el nuevo método de uso de un formulario de formulario en HTML5. Entonces, ¿cuál es la diferencia entre esta función recientemente agregada en HTML5 y las funciones que usamos antes? Veamos algunas escenas a continuación, comprenderá ~
Si necesitamos enviar diferentes elementos de formulario en la página, y estos elementos de formulario se distribuyen en varias ubicaciones en HTML, entonces el formulario solo puede contener todas las etiquetas de formulario.
Método anterior:
<Form ID = Form1 Action =>
<input id = username name = username type = text/>
<input id = userpwd name = userpwd type = contraseña/>
<Input id = userage name = userage type = text/>
<Entrada tipo = enviar value = enviar/
</form>
Pero, ¿qué debo hacer si este formulario contiene algunos elementos (como el usuario) que no necesitan ser enviados en esto? Parece que solo puede enviarlo, para que el programador de fondo no acepte este parámetro o use JS para poner todos los contenidos que deben enviarse en este formulario en el área oculta oculta, y luego enviarlo. Puede modificarlo a lo siguiente
Mejorado:
<Form ID = Form1 Action =>
<input id = hd_username name = username type = Hidden/>
<input id = hd_userpwd name = userpwd type = hidden/>
</form>
<input id = username name = username type = text/>
<input id = userpwd name = userpwd type = contraseña/>
<Input id = userage name = userage type = text/>
<Entrada tipo = enviar value = enviar/
Bueno, es bueno resolverlo de esta manera y puede cumplir con nuestros requisitos, pero hay demasiados JS, que desperdicia recursos de red y paquetes de solicitudes HTTP, aumenta el tamaño del proyecto y es relativamente problemático de mantener.
Método HTML5:
<Form ID = Form1 Action =>
<Entrada tipo = enviar value = enviar/
</form>
<input id = username name = username for = form1 type = text/>
<input id = userpwd name = userpwd for = form1 type = contraseña/>
<Input id = userage name = userage type = text/>
El atributo para el atributo aquí = el ID de formulario, para que esté claro a qué forma pertenecen estos elementos. Puede entender esto para el atributo como el atributo para la etiqueta, pero en este caso en html5, pertenece al elemento de fome1. Ahora, mirando el código, es mucho más limpio y los archivos del proyecto no son grandes, lo que hace que sea fácil de mantener.
Si no entiende, puede dejarme un mensaje directamente y responderé a todos lo antes posible.
Si comprende esto, ¡puede practicarlo usted mismo y publicarlo para ayudar a todos a progresar juntos!