Heim > Web-Frontend > HTML-Tutorial > Ausführliche Erläuterung der Rolle versteckter Felder in HTML und Verwendungsbeispielcodes

Ausführliche Erläuterung der Rolle versteckter Felder in HTML und Verwendungsbeispielcodes

高洛峰
Freigeben: 2017-03-14 17:56:25
Original
5527 Leute haben es durchsucht

Ausgeblendete Felder sind für Benutzer auf der Seite unsichtbar. Der Zweck des Einfügens ausgeblendeter Felder in das Formular besteht darin, Informationen zu sammeln oder zu senden, damit diese von dem Programm verwendet werden können, das das Formular verarbeitet Tatsächliche Verwendung dieses versteckten Felds. Freunde, die daran interessiert sind, wie man es verwendet, sollten es sich nicht entgehen lassen. Grundsätzliche Syntax:

Funktion:

1 Versteckte Felder sind für Benutzer auf der Seite unsichtbar oder Informationen senden, um die Bearbeitung zu erleichtern. Das Formular wird vom Programm verwendet. Wenn der Betrachter auf die Schaltfläche „Senden“
klickt, um das Formular zu senden, werden die verborgenen Feldinformationen ebenfalls an den Server gesendet.
2 Manchmal müssen wir dem Benutzer Informationen geben, um die Identität des Benutzers beim Absenden des Formulars zu bestimmen, wie z. B. Sitzung

Schlüssel usw. Natürlich können diese Dinge auch mit Cookie umgesetzt werden, 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. 3 Manchmal gibt es mehrere Senden-Schaltflächen in einem for
m. 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.form.command.value="xx"" zu jeder Schaltfläche hinzufügen. Dann erhalten wir zuerst die Daten und überprüfen den Wert Der Befehl teilt Ihnen mit, 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 können diese Formulare miteinander interagieren, um sie zu verbinden ihnen. .
5
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 wird nicht verloren. 6 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, 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 Zahl um 1 zu erhöhen, wenn Sie auf die Schaltfläche „Senden“ klicken.

Der Wert erhöht sich automatisch.htm

Der Code lautet wie folgt:

Verwenden Sie allgemeine Handler, um
<form action="数值自增.ashx" method="post"> 
<input type="hidden" name="_viewstate" value="a" /> 
<input type="hidden" name="_p" value="@n" /> 
<!-- <input name="txt" type="text" value="@value" />--> 
<p>@n</p> 
<input type="submit" value="click" /> 
</form>
Nach dem Login kopieren

numerisches inkrement.ashx zu implementieren


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["_p"]; 
if (int.TryParse(s, out n)) 
{ 
n++; 
html = html.Replace("@n",n.ToString()); 
} 
} 
else 
{ 
//页面首次加载,给p和p对应的隐藏域赋值 
html = html.Replace("@n", n.ToString()); 
} 
context.Response.Write(html); 
}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Rolle versteckter Felder in HTML und Verwendungsbeispielcodes. 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