Was ist ein verstecktes HTML-Feld?

HTML-versteckte Felder beziehen sich auf Formularelemente in Webseiten, die für Benutzer unsichtbar sind, mit der Syntax „3e784ebd19ff8dc5ef5f2d4feb505168“. Der Zweck des Einfügens versteckter Felder in ein Formular besteht darin, Informationen zu sammeln oder zu senden, die von dem Programm verwendet werden können, das das Formular verarbeitet.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Verstecktes Feld: Bezieht sich auf die Formularelemente auf der Webseite, die für Benutzer unsichtbar sind, also die Formularelemente, die ausgeblendet sind.

Grundlegende Syntax:

<input type="hidden" name="field＿name" value="value">

Funktion:

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

Manchmal müssen wir dem Benutzer Informationen geben, um die Identität des Benutzers beim Absenden des Formulars zu ermitteln, z. B. einen Sitzungsschlüssel usw. Natürlich lassen sich diese Dinge auch über Cookies umsetzen, viel einfacher ist es jedoch, versteckte Felder zu verwenden. Und Sie müssen sich keine Sorgen machen, dass Browser dies nicht unterstützen und Benutzer Cookies deaktivieren.

Manchmal gibt es in einem Formular mehrere Senden-Schaltflächen. Wie kann das Programm unterscheiden, 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, überprüfen wir zunächst den Wert des Befehls und wissen, welcher Der Benutzer hat auf die Schaltfläche zum Senden geklickt.

Manchmal gibt es mehrere Formulare auf einer Webseite. Wir wissen, dass mehrere Formulare nicht gleichzeitig eingereicht werden können, aber manchmal interagieren diese Formulare miteinander. Wir können versteckte Felder im Formular hinzufügen, 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 ein weiteres Beispiel: Wenn Sie auf eine Schaltfläche klicken, werden vier kleine Fenster geöffnet. Wenn Sie auf eines der kleinen Fenster klicken, werden die anderen drei automatisch geschlossen. Der IE unterstützt jedoch keine gegenseitigen Aufrufe kleiner Fenster, sodass Sie nur ein verstecktes Feld in das übergeordnete Fenster schreiben können. Wenn das kleine Fenster erkennt, dass der Wert des versteckten Felds nahe ist, wird es geschlossen.

Beispiel: Verwenden Sie „hidden“, um die Erhöhung der Zahl um 1 zu implementieren, wenn Sie auf die Schaltfläche „Senden“ klicken.

Der Wert wird automatisch erhöht.htm

Der Code lautet wie folgt:

<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>

Verwenden Sie einen allgemeinen Handler, um die Werterhöhung um zu erreichen 1.ashx

Der Code lautet wie folgt:

int n = 0; 
public void ProcessRequest (HttpContext context) { 
context.Response.ContentType = "text/html"; 
string path = context.Request.MapPath("数值自增.htm"); 
string html = System.IO.File.ReadAllText(path); 
//判断页面是否是第一次加载 
string viewstate = context.Request.Form["_viewstate"]; 
if (!string.IsNullOrEmpty(viewstate)) 
{ 
//点击按钮 post 
//获取隐藏域的值 
string s = context.Request.Form["_div"]; 
if (int.TryParse(s, out n)) 
{ 
n++; 
html = html.Replace("@n",n.ToString()); 
} 
} 
else 
{ 
//页面首次加载,给div和div对应的隐藏域赋值 
html = html.Replace("@n", n.ToString()); 
} 
context.Response.Write(html); 
}

Empfohlenes Tutorial:《HTML-Video-Tutorial》

Das obige ist der detaillierte Inhalt vonWas ist ein verstecktes HTML-Feld?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!