Heim > Artikel > Web-Frontend > Sie wissen nicht, wie Sie das versteckte HTML5-Attribut verwenden? Schauen Sie sich dann die Verwendung des versteckten Attributs des Formulars an
Sie wissen nicht, wie Sie das versteckte HTML5-Attribut verwenden? Schauen Sie sich dann die Verwendung des versteckten Attributs des Formulars an
- 寻∝梦Original
- 2018-08-29 14:26:5211699Durchsuche
In diesem Artikel wird hauptsächlich die Verwendung des neuen versteckten Attributs in HTML5, die Verwendung des versteckten Attributs im
-Tag und die Verwendung im Formular-Tag vorgestellt. Lesen Sie nun diesen Artikel
1. Lassen Sie uns zunächst über das versteckte Attribut sprechen:
Dies ist ein neues Attribut in HTML5, in -Tag kann ausgeblendet werden, aber der Browser kann es nicht sehen Schauen Sie sich dieses Beispiel an:
<html> <head> <meta charset="UTF-8"> <title>php中文网</title> </head> <body> <p>这个段落没有被隐藏。</p> <p>这个段落没有被隐藏。</p> <p hidden>这个段落应该被隐藏。</p> <p>这个段落没有被隐藏。</p> <p>这个段落没有被隐藏。</p> </body> </html>
Ich habe in der Mitte ein verstecktes Attribut hinzugefügt, und die anderen sind die gleichen wie andere.
Auf dem Bild sind nur vier Linien zu sehen und die mittlere Linie ist verschwunden.
Nachdem wir die grundlegende Verwendung dieses Attributs kennen, sehen wir uns an, welche Rolle das versteckte Attribut in der Form darstellt
2 Die Rolle des versteckten Attributs in der Form:
Ausgeblendete Felder sind für Benutzer auf der Seite unsichtbar. Der Zweck des Einfügens ausgeblendeter Felder in ein Formular besteht darin, Informationen zu sammeln oder zu senden, damit diese von dem Programm verwendet werden können, das sie verarbeitet bilden. Wenn der Betrachter auf die Schaltfläche „Senden“ klickt, um das Formular zu senden, werden die ausgeblendeten Feldinformationen ebenfalls an den Server gesendet.
Manchmal müssen wir dem Benutzer Informationen geben und ihn bitten, diese zu übermitteln, um seine Identität beim Absenden des Formulars zu bestätigen, wie zum Beispiel: Sitzungsschlüssel usw. Natürlich können diese Dinge auch sein Es ist viel einfacher, Cookies zu verwenden, aber versteckte Domains zu verwenden, und Sie müssen sich keine Sorgen machen, dass Browser dies nicht unterstützen und Benutzer Cookies deaktivieren.
Manchmal gibt es mehrere Senden-Schaltflächen in einem Formular. Wie kann das Programm unterscheiden, welche Schaltfläche der Benutzer zum Senden gedrückt hat? Wir können ein verstecktes Feld schreiben und dann onclick="document" hinzufügen. form.command.value="xx"" für jede Schaltfläche. Nachdem wir die Daten erhalten haben, überprüfen wir zunächst den Befehlswert, um zu ermitteln, welche Schaltfläche der Benutzer zum Senden gedrückt hat.
Manchmal gibt es mehrere Formulare auf einer Webseite. Wir wissen, dass mehrere Formulare nicht gleichzeitig übermittelt werden können, aber manchmal interagieren die Formulare miteinander, sodass wir versteckte Formulare hinzufügen können Felder im Formular, um sie zu verbinden.
JavaScript unterstützt keine globalen Variablen, aber manchmal müssen wir globale Variablen verwenden. Wir können den Wert zuerst im ausgeblendeten Feld speichern, und sein Wert geht nicht verloren.
Es gibt noch ein weiteres Beispiel: Durch Drücken einer Taste werden vier kleine Fenster geöffnet. Wenn eines der kleinen Fenster angeklickt wird, werden die anderen drei automatisch geschlossen. Der IE unterstützt jedoch keine gegenseitigen Aufrufe kleiner Fenster. Sie können also nur ein ausgeblendetes Feld in das übergeordnete Fenster schreiben. Wenn das kleine Fenster erkennt, dass der Wert des ausgeblendeten Felds nahe ist, wird es geschlossen.
Beispiel: Verwenden Sie „hidden“, um die Zahl um 1 zu erhöhen, wenn Sie auf die Schaltfläche „Senden“ klicken. Der Wert erhöht sich dann automatisch.htm
<form action="数值自增.ashx" method="post"> <input type="hidden" name="_viewstate" value="a" /> <input type="hidden" name="_div" value="@n" /> <!-- <input name="txt" type="text" value="@value" />--> <div>@n</div> <input type="submit" value="click" /> </form>
Okay, oben geht es um das Das versteckte HTML5-Attribut wird an zwei Stellen verwendet. Wenn Sie Fragen haben, können Sie diese unten stellen
[Empfehlung des Herausgebers]
Was bedeutet der HTML-UL-Tag? Ausführliche Erklärung der Rolle des HTML-UL-Tags
Wie schließe ich den Text im Pre-Tag in HTML ein? Anwendungsbeispiele für HTML-Pre-Tags
Das obige ist der detaillierte Inhalt vonSie wissen nicht, wie Sie das versteckte HTML5-Attribut verwenden? Schauen Sie sich dann die Verwendung des versteckten Attributs des Formulars an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!