Einführung und Beispiele für versteckte Felder in HTML

Einführung und Beispiele für versteckte Felder in HTML
Grundlegende Syntax:

<Eingabetyp="versteckt" Name="Feldname" Wert="Wert">

Wirkung:

1 Versteckte Felder sind für Benutzer auf der Seite unsichtbar. Der Zweck des Einfügens versteckter Felder in ein Formular besteht darin, Informationen zur Verwendung durch das Programm zu sammeln oder zu senden, das das Formular verarbeitet. Wenn der Betrachter auf die Schaltfläche „Senden“ klickt, um das Formular zu versenden, werden die Informationen in den ausgeblendeten Feldern auch an den Server gesendet.

2 Manchmal müssen wir Benutzern beim Absenden eines Formulars einige Informationen zur Bestätigung ihrer Identität geben, z. B. einen Sitzungsschlüssel usw. Natürlich können diese Dinge auch durch die Verwendung von Cookies erreicht werden, die Verwendung von ausgeblendeten Feldern ist jedoch viel einfacher. Und es wird keine Probleme geben, wenn der Browser Cookies nicht unterstützt oder Benutzer sie deaktivieren.

3 Manchmal gibt es in einem Formular mehrere Schaltflächen zum Senden. Wie kann das Programm erkennen, welche Schaltfläche der Benutzer zum Senden gedrückt hat? Wir können ein verstecktes Feld schreiben und dann zu jeder Schaltfläche onclick="document.form.command.value="xx"" hinzufügen. Nachdem wir die Daten erhalten haben, können wir zuerst den Wert des Befehls überprüfen, um zu wissen, welche Schaltfläche der Benutzer gedrückt hat, um ihn zu übermitteln.

4 Manchmal gibt es auf einer Webseite mehrere Formulare. Wir wissen, dass mehrere Formulare nicht gleichzeitig übermittelt werden können, aber manchmal interagieren diese Formulare miteinander. Wir können dem Formular versteckte Felder hinzufügen, um sie zu verbinden.

5 JavaScript unterstützt keine globalen Variablen, aber manchmal müssen wir globale Variablen verwenden. Wir können den Wert zuerst in einem versteckten Feld speichern und sein Wert geht nicht verloren.

6 Ein weiteres Beispiel ist, dass beim Drücken einer Schaltfläche vier kleine Fenster aufpoppen und beim Klicken auf eines der kleinen Fenster die anderen drei automatisch geschlossen werden. Der Internet Explorer unterstützt jedoch nicht, dass kleine Fenster sich gegenseitig aufrufen. Sie können daher nur ein verstecktes Feld in das übergeordnete Fenster schreiben. Wenn das kleine Fenster erkennt, dass der Wert des versteckten Felds nahe beieinander liegt, schließt es sich selbst.

Beispiel: Verwenden Sie „hidden“, um beim Klicken auf die Schaltfläche „Senden“ der Zahl 1 hinzuzufügen.

Wert automatisch erhöhen.htm

Code kopieren
Der Code lautet wie folgt:

<form action="Werterhöhung.ashx" method="post">
<Eingabetyp="versteckt" Name="_viewstate" Wert="a" />
<Eingabetyp="versteckt" Name="_div" Wert="@n" />
<!-- <input name="txt" type="text" value="@value" />-->
<div>@n</div>
<input type="senden" value="klicken" />
</form>

Verwenden einer allgemeinen Handlerimplementierung

Wert auto-increment.ashx

Code kopieren
Der Code lautet wie folgt:

Int. n = 0;
public void ProcessRequest (HttpContext Kontext) {
Kontext.Response.ContentType = "text/html";

Zeichenfolgenpfad = Kontext.Request.MapPath("Wertinkrement.htm");
Zeichenfolge html = System.IO.File.ReadAllText(Pfad);
//Überprüfen, ob die Seite zum ersten Mal geladen wird
Zeichenfolgenansichtsstatus = Kontext.Anforderung.Formular["_Ansichtsstatus"];
wenn (!string.IsNullOrEmpty(Ansichtszustand))
{
//Klicken Sie auf die Schaltfläche „Senden“.
//Holen Sie sich den Wert des versteckten Felds
Zeichenfolge s = Kontext.Anforderung.Formular["_div"];
wenn (int.TryParse(s, out n))
{
n++;
html = html.Replace("@n",n.ToString());
}
}
anders
{
//Die Seite wird zum ersten Mal geladen. Weisen Sie div und den entsprechenden versteckten Feldern div Werte zu.
html = html.Replace("@n", n.ToString());
}
Kontext.Antwort.Schreiben(html);
}

<<:  Beschreibung der Ausführungsmechanismen von statischen Seiten und dynamischen Seiten

>>:  So starten Sie ein Vue-Projekt mit dem M1 Pro-Chip

Artikel empfehlen

Detailliertes Beispiel einer MySQL-Austauschpartition

Detailliertes Beispiel einer MySQL-Austauschparti...

Ändern Sie die Dateiberechtigungen (Eigentum) unter Linux

Linux und Unix sind Mehrbenutzer-Betriebssysteme,...

Eine einfache Implementierungsmethode für eine digitale LED-Uhr in CSS3

Das dürfte etwas sein, was viele Leute gemacht ha...

Gängige Master-Slave-Replikationsarchitekturen in MySQL 4

Inhaltsverzeichnis Replikationsarchitektur mit ei...

Implementierung der Bereitstellung des Nginx+ModSecurity-Sicherheitsmoduls

Inhaltsverzeichnis 1. Herunterladen 2. Bereitstel...

Lernen Sie die Ausführungsreihenfolge von SQL-Abfragen von Grund auf

Die Ausführungsreihenfolge der SQL-Abfrageanweisu...

JavaScript zum Erzielen eines Taobao-Produktbild-Umschalteffekts

JavaScript-Umschalteffekt für Bekleidungsalben (ä...

Ein einfaches Beispiel zur Implementierung einer Fuzzy-Abfrage in Vue

Vorwort Die sogenannte Fuzzy-Abfrage dient dazu, ...

CocosCreator Erste Schritte Tutorial: Netzwerkkommunikation

Übersicht zur Netzwerkkommunikation Bei der Entwi...

So fügen Sie einen Link in HTML ein

Jede Webseite hat eine Adresse, die durch eine UR...

So verwenden Sie dynamische Parameter und berechnete Eigenschaften in Vue

1. Dynamische Parameter Ab 2.6.0 können Sie einen...