Sie wissen nicht, wie Sie das versteckte HTML5-Attribut verwenden? Schauen Sie sich dann die Verwendung des versteckten Attributs des Formulars an

寻∝梦
Freigeben: 2018-08-29 14:26:52
Original
11719 Leute haben es durchsucht

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>
Nach dem Login kopieren

Ich habe in der Mitte ein verstecktes Attribut hinzugefügt, und die anderen sind die gleichen wie andere.

Sie wissen nicht, wie Sie das versteckte HTML5-Attribut verwenden? Schauen Sie sich dann die Verwendung des versteckten Attributs des Formulars an

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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage