Artikeleinführung von Wulin.com (www.vevb.com): HTML5 Tägliche Praxis der neuen Formattribute.
Viele neue Tags und funktionale Attribute wurden zu HTML5 hinzugefügt. Heute werden wir uns die neue Nutzungsmethode einer Form in HTML5 ansehen. Was ist der Unterschied zwischen dieser Funktion, die in HTML5 neu hinzugefügt wurde, und den Funktionen, die wir zuvor verwendet haben? Schauen wir uns einige Szenen unten an, Sie werden verstehen ~
Wenn wir auf der Seite verschiedene Formularelemente einreichen müssen und diese Formularelemente an verschiedenen Stellen in HTML verteilt werden, kann das Formular nur alle Formular -Tags enthalten.
Alte Methode:
<Form ID = Form1 Action =>
<Eingabe -ID = Benutzername Name = Benutzername Typ = Text/>
<input id = userpwd name = userpwd type = password/>
<Eingabe -ID = Benutzerage name = userage type = text/>
<Eingabe type = value suruging = suruging/
</form>
Aber was soll ich tun, wenn dieses Formular einige Elemente (z. B. Benutzerage) enthält, die nicht darin eingereicht werden müssen? Es scheint, dass Sie es nur einreichen können, damit der Hintergrundprogrammierer diesen Parameter nicht akzeptiert oder JS verwendet, um alle Inhalte zu setzen, die in diesem Formular in den verborgenen Bereich eingereicht werden müssen, und ihn dann einreichen müssen. Sie können es an Folgendes ändern
Verbessert:
<Form ID = Form1 Action =>
<Eingabe id = hd_username name = userername type = hidden/>
<Eingabe -ID = hd_userpwd name = userpwd type = hidden/>
</form>
<Eingabe -ID = Benutzername Name = Benutzername Typ = Text/>
<input id = userpwd name = userpwd type = password/>
<Eingabe -ID = Benutzerage name = userage type = text/>
<Eingabe type = value suruging = suruging/
Nun, es ist gut, es so zu klären und kann unsere Anforderungen erfüllen, aber es gibt zu viele JS, die Netzwerkressourcen und HTTP -Anfragepakete verschwenden, die Projektgröße erhöhen und relativ problematisch zu warten.
HTML5 -Methode:
<Form ID = Form1 Action =>
<Eingabe type = value suruging = suruging/
</form>
<Eingabe -ID = Benutzername Name = Benutzername für = Form1 Typ = Text/>
<input id = userpwd name = userPWD für = Form1 type = password/>
<Eingabe -ID = Benutzerage name = userage type = text/>
Das für Attribut hier = die Form -ID, so dass klar ist, zu welchem Formular diese Elemente gehören. Sie können dies für Attribut als das für das Attribut in Label verstehen, in diesem Fall in HTML5 gehört es jedoch zum Element von Fome1. Wenn Sie sich den Code nun ansehen, ist er viel sauberer und die Projektdateien sind nicht groß, was es einfach macht.
Wenn Sie nicht verstehen, können Sie mir eine Nachricht direkt hinterlassen und ich werde so schnell wie möglich allen antworten.
Wenn Sie dies verstehen, können Sie es selbst üben und veröffentlichen, um allen gemeinsam Fortschritte zu machen!