HTML-Formular und die Verwendung interner Formular-Tags

HTML-Formular und die Verwendung interner Formular-Tags

Code kopieren
Der Code lautet wie folgt:

<html>
<Kopf>
<title>Verwendung des Formulars</title>
<!--
Tag-Name: Formular. Formular-Tag-Attribute: Aktion: Übermittlungsziel, Zieladresse URL
Methode: Legen Sie die Methode zum Senden der Anforderung fest: „get“ und „post“. Die Standardeinstellung ist „get“.
Was ist der Unterschied zwischen Get- und Post-Submission? ------------------------
Übertragung abrufen: Die Inhaltsinformationen werden zur Übertragung in die Adressleiste eingefügt, die Länge ist auf 1 KB begrenzt und die Sicherheit ist nicht gut.
Nach der Übertragung: Übertragen Sie den Inhalt der Body-Informationen. Es gibt keine Längenbeschränkung.
Unter-Tags:
Eingabe-Tag: Der Wert muss übermittelt werden und muss ein Namensattribut haben.
Attribute: Typ: Passwort usw.
//------------
Durch die Demonstration des folgenden Beispiels wird festgestellt, dass in einigen Fällen ein Formular zum Erstellen eines Links verwendet werden kann und dass beim Erstellen des Links gleichzeitig Daten an die Adressdatei des Ziels übermittelt werden können.
Fieldset-Tag: Domäne definieren
Legenden-Tag: Definieren Sie den Titel der Domain
-->
</Kopf>
<Text>
<Feldsatz>
<legend>Formular-Tag, Untertag-Beispiel:</legend>
<form action="01 List.html" method="abrufen">
<Tabellengrenze="1px" Breite="800px">
<tr>
Liste der Schlagwörter:

<Name auswählen="Autos">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat" ausgewählt="ausgewählt">Fiat</option>
<option value="audi">Audi</option>
</Auswählen>

</tr>
<tr>
Beispiel für ein Kontrollkästchen:

Ich mag Fahrräder:
<input type="checkbox" name="Fahrrad">

Ich mag Autos:
<input Typ="Checkbox" Name="Auto">

</tr>
<tr>
Optionsfelder:

männlich:
<input type="radio" checked="checked" name="Geschlecht" value="männlich">

weiblich:
<input type="radio" name="Geschlecht" value="weiblich">
</form>
<p>Wenn der Benutzer auf ein Optionsfeld klickt, wird dieses ausgewählt und die Auswahl aller anderen Felder wird aufgehoben. </p>
</tr>
<tr>
Textfeld:

<textarea rows="10" cols="30">Verwendung von Textbereichs-Tags</textarea>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td>Konto:</td>
<td>
<input name="Benutzer-ID">
</td>
</tr>
<tr>
<td>Passwort:</td>
<td>
<Eingabename="pwd">
</td>
</tr>
<tr>
<td>
<input type="submit" value="Übermittlung bestätigen"/>
</td>
<td>
<input type="reset" value="Zurücksetzen"/>
</td>
</tr>
</Tabelle>
</form>
</Feldsatz>
</body>
</html>

Jedes Tag mit Namens- und Wertattributen kann im Formular platziert werden und die Daten dieser Tags können auch an eine andere URL übermittelt werden.

<<:  Dynamische Vue-Komponente

>>:  Verwenden des radialen Farbverlaufs in CSS zum Erzielen eines Karteneffekts

Artikel empfehlen

Grafisches Tutorial zur Installation und Konfiguration von mysql 5.7.11 winx64.zip

Installieren und konfigurieren Sie das MySql-Date...

Beispiel für die Konvertierung von JavaScript-Datentypen (Konvertieren anderer Typen in Zeichenfolgen, numerische Typen und Boolesche Typen)

Vorwort Was ist Datentypkonvertierung? Der Standa...

So erstellen Sie Ihr eigenes Image mit Dockerfile

1. Erstellen Sie ein leeres Verzeichnis $ cd /hom...

Detaillierte Schritte zur Konfiguration der Linux-Firewall (basierend auf der Yum-Warehouse-Konfiguration)

Vorwort Dieses Experiment bereitet zwei virtuelle...

Grafisches Tutorial zur Installation und Konfiguration von Ubuntu 18.0.4 MySQL 8.0.20

Die Installations- und Konfigurationsmethode von ...

So verwenden Sie Dayjs zum Berechnen gängiger Daten in Vue

Bei der Verwendung von Vue zur Entwicklung von Pr...

Der Unterschied zwischen this.$router und this.$route in Vue und der push()-Methode

Im offiziellen Dokument heißt es: Durch Einfügen ...

JavaScript implementiert Feuerwerkseffekte mit Soundeffekten

Ich habe eine halbe Stunde gebraucht, um den Code...

Einführung in Linux-Umgebungsvariablen und Prozessadressraum

Inhaltsverzeichnis Linux-Umgebungsvariablen und P...

Beispielcode für Django+Vue-Registrierung und -Anmeldung

registrieren Das Front-End verwendet Axios in Vue...

Implementierung der TCPWrappers-Zugriffskontrolle in Centos

1. Übersicht über TCP-Wrapper TCP Wrapper „verpac...

Detaillierte Erläuterung zur Konfiguration des externen Tomcat-Servers in HBuilderX zum Anzeigen und Bearbeiten der JSP-Schnittstelle

1. Die erste Methode besteht darin, den lokalen T...

Detaillierte Erklärung zum effizienten MySQL-Paging

Vorwort Normalerweise wird für MySQL-Abfragen mit...

Methode zum Knacken der Registrierung der FlashFXP-FTP-Clientsoftware

Die Downloadadresse von FlashFXP lautet: https://...

Node.js fügt den aktuellen Kampfdatensatz der MySQL-Datenbank hinzu, löscht ihn, ändert ihn und überprüft ihn

Inhaltsverzeichnis Drei Schritte zum Betrieb der ...