XHTML-Tutorial für den Einstieg: Formular-Tags

XHTML-Tutorial für den Einstieg: Formular-Tags
<br />Formulare sind für Benutzer ein wichtiger Kanal zur Übermittlung von Informationen. In diesem Abschnitt werden die Grundlagen von Formularen vorgestellt. Formular-Tag <form>
Ein Formular beginnt mit einem <form>-Tag. Benutzer benötigen Formulare, um sich als Website-Mitglieder zu registrieren, abzustimmen usw. Natürlich kann XHTML allein diese Formulare nicht verarbeiten. Wenn Sie diese Formulare verarbeiten möchten, müssen Sie einige Web-Backend-Technologien wie PHP und ASP verwenden. (Übrigens ist der Hintergrund von Xiaocai Niao immer noch sehr grün.)
Nachfolgend stellen wir zwei gängige Formularelemente vor: 1. Textfeld <form> Name: <inputtype="text" name="user"/><br/></form>
Name:

2. Kennwortfeld <form> Name: <inputtype="password"name="pass"/><br/></form>
Passwort:


Wie Sie sehen, verwenden beide Formularelemente das <input>-Tag, aber der im Kennwortfeld eingetragene Inhalt ist unsichtbar. Was ihre unterschiedlichen Typen bestimmt, ist der Attributwert des „type“-Attributs des <input>-Tags. Beispielsweise ist „Text“ ein Textfeld und „Passwort“ ein Passwort. Ihnen sollte aufgefallen sein, dass das <imput>-Tag ebenfalls ein leeres Tag ist. Er hat das Etikett nicht gekündigt. Wir müssen daran denken, am Ende ein "/" hinzuzufügen, um die XHTML-Anforderungen zu erfüllen.
Es gibt viele häufig verwendete Formularelemente, z. B. Single-Choice und Multiple-Choice, aber da wir das Formular jetzt nicht verarbeiten können, können wir die Bedeutung des Formulars nicht verstehen. Deshalb werde ich es hier nicht vorstellen. Wenn Sie in Zukunft weiterhin Backend-Technologie lernen, werden Sie die Rolle des Formulars beim Erstellen von Websites ganz natürlich verstehen.

<<:  MySQL erhält das aktuelle Datum und die aktuelle Uhrzeit Funktionsbeispiel detaillierte Erläuterung

>>:  Details zum Überschreiben von Prototypmethoden in JavaScript-Instanzobjekten

Artikel empfehlen

Erste Schritte mit SELinux

Bereits zu Kernel 2.6-Zeiten wurde ein neues Sich...

Vue3.0 Adaptiver Betrieb von Computern mit unterschiedlichen Auflösungen

Zuerst müssen wir einige Abhängigkeiten installie...

Zwei Möglichkeiten, die CSS-Priorität zu verstehen

Methode 1: Werte hinzufügen Gehen wir zu MDN, um ...

Beispiele für minimalistisches Website-Design

Webanwendungsklasse 1. DownFürAlleOderNurIch Mith...

Einfaches HTML-Applet für Einkaufsmengen

Dieser Artikel stellt Ihnen ein einfaches HTML-Ap...

Erfahren Sie mehr über die am häufigsten verwendeten JavaScript-Ereignisse

Inhaltsverzeichnis JavaScript-Ereignisse: Häufig ...

Detaillierte Erklärung der in Node.js integrierten Module

Inhaltsverzeichnis Überblick 1. Pfadmodul 2. Bis ...

MySQL Series 7 MySQL-Speicher-Engine

1. MyISAM-Speicher-Engine Mangel: Keine Unterstüt...

Verwendung von Provide und Inject in Vue3

1. Erklärung von provide und inject Mit „Bereitst...

Detaillierte Schritte zum Erstellen eines Vue-Scaffolding-Projekts

Vue-Gerüst -> vue.cli Erstellen Sie schnell ei...

JavaScript zum Erzielen eines einfachen Karusselleffekts

Was ist ein Karussell? Karussell: In einem Modul ...

Basiswissen: Was bedeutet http vor einer Website-Adresse?

Was ist HTTP? Wenn wir eine Website durchsuchen m...