Introduction de l'article de wulin.com (www.vevb.com): Pratique quotidienne html5 des nouveaux attributs de la forme.
De nombreuses nouvelles balises et attributs fonctionnels ont été ajoutés à HTML5. Aujourd'hui, nous examinerons la nouvelle méthode d'utilisation d'une forme de formulaire dans HTML5. Alors, quelle est la différence entre cette fonction nouvellement ajoutée dans HTML5 et les fonctions que nous avons utilisées auparavant? Regardons quelques scènes ci-dessous, vous comprendrez ~
Si nous devons soumettre différents éléments de formulaire dans la page et que ces éléments de formulaire sont distribués à divers endroits en HTML, le formulaire ne peut contenir que toutes les balises de formulaire.
Ancienne méthode:
<form id = form1 action =>
<input id = nom d'utilisateur = nom d'utilisateur type = text />
<input id = userpwd name = userpwd type = mot de passe />
<IND ID = Nom de l'utilisateur = Type d'utilisateur = Text />
<Type d'entrée = soumettre une valeur = soumettre /
</ form>
Mais que dois-je faire si ce formulaire contient certains éléments (tels que l'utilisateur) qui n'ont pas besoin d'être soumis à partir de cela? Il semble que vous ne puissiez le soumettre que, afin que le programmeur d'arrière-plan n'accepte pas ce paramètre ou utilise JS pour mettre tous les contenus qui doivent être soumis dans ce formulaire dans la zone cachée cachée, puis la soumettre. Vous pouvez le modifier à ce qui suit
Amélioré:
<form id = form1 action =>
<input id = hd_username name = username type = Hidden />
<input id = hd_userpwd name = userpwd type = Hidden />
</ form>
<input id = nom d'utilisateur = nom d'utilisateur type = text />
<input id = userpwd name = userpwd type = mot de passe />
<IND ID = Nom de l'utilisateur = Type d'utilisateur = Text />
<Type d'entrée = soumettre une valeur = soumettre /
Eh bien, il est bon de le régler comme cela et peut répondre à nos exigences, mais il y a trop de JS, qui gaspille les ressources du réseau et les paquets de demande HTTP, augmente la taille du projet et est relativement difficile à maintenir.
Méthode HTML5:
<form id = form1 action =>
<Type d'entrée = soumettre une valeur = soumettre /
</ form>
<input id = nom d'utilisateur = nom d'utilisateur pour = form1 type = text />
<input id = userpwd name = userpwd pour = form1 type = mot de passe />
<IND ID = Nom de l'utilisateur = Type d'utilisateur = Text />
L'attribut pour ici = le formulaire ID, de sorte qu'il est clair à qui appartiennent ces éléments. Vous pouvez comprendre cela pour l'attribut comme l'attribut pour l'étiquette, mais dans ce cas dans HTML5, il appartient à l'élément de FOM1. En regardant maintenant le code, il est beaucoup plus propre et les fichiers du projet ne sont pas grands, ce qui facilite le maintien.
Si vous ne comprenez pas, vous pouvez me laisser directement un message et je répondrai à tout le monde dès que possible.
Si vous comprenez cela, vous pouvez le pratiquer vous-même et le publier pour aider tout le monde à progresser ensemble!