Heim > Artikel > Web-Frontend > Ausführliche Erläuterung der Rolle versteckter Felder in HTML und Verwendungsbeispielcodes
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:
9f64f69bba3fe974e2d667558ac87eca 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:
<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>
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); }
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!