Heim Web-Frontend HTML-Tutorial Einführung in die Rolle versteckter Felder in HTML und Verwendungsbeispiele_HTML/Xhtml_Webseitenproduktion

Einführung in die Rolle versteckter Felder in HTML und Verwendungsbeispiele_HTML/Xhtml_Webseitenproduktion

May 16, 2016 pm 04:39 PM
html

Grundlegende Syntax:



Funktion:

1 Ausgeblendete Felder sind für Benutzer auf der Seite unsichtbar. Der Zweck des Einfügens ausgeblendeter Felder in Formulare besteht darin, Informationen zu sammeln oder zu senden, damit diese von dem Programm verwendet werden können, das das Formular verarbeitet. Wenn der Betrachter auf die Schaltfläche „Senden“ klickt, um das Formular zu senden, werden die ausgeblendeten 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 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.

3 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 ü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 geht nicht verloren.

6 Es gibt noch ein weiteres Beispiel: Wenn Sie auf eine Taste 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 Zahl um 1 zu erhöhen, wenn Sie auf die Schaltfläche „Senden“ klicken.

Der Wert erhöht sich automatisch.htm

Kopieren Sie den Code
Der Code lautet wie folgt:



;
--> >



Verwenden Sie allgemeine Handler, um

numerisches Inkrement.ashx



Code kopieren
Der Code lautet wie folgt:
int n = 0
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/html";

string path = context.Request.MapPath("Anzahl erhöht.htm"); string html = System.IO.File.
//Bestimmen Sie, ob die Seite zum ersten Mal geladen wird
string viewstate = context.Request.Form["_viewstate"]; (!string.IsNullOrEmpty(viewstate))
{
//Klicken Sie auf die Schaltfläche „Beitrag“
//Erhalten Sie den Wert des ausgeblendeten Felds
string s = context.Request.Form["_div"] ;
if (int.TryParse(s, out n ))
{
html = html.Replace("@n",n.ToString()}
}
else
{
//Die Seite wird zum ersten Mal geladen. Weisen Sie dem Div und den ausgeblendeten Feldern, die dem Div entsprechen, Werte zu.
html = html.Replace( "@n", n.ToString());
}
context.Response.Write(
}

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles