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

Detaillierte Anwendungsfälle von Vue3 Teleport

Offizielle Website https://cli.vuejs.org/en/guide...

Schritte zum Kapseln von Element-UI-Popupkomponenten

Kapseln Sie el-dialog als Komponente ein Wenn wir...

Tutorial zur grundlegenden Verwendung des MySQL Slow Query Log

Parameter im Zusammenhang mit dem langsamen Abfra...

Detaillierte Erläuterung der MySQL 8.0-Richtlinie zum Ablauf von Passwörtern

Ab MySQL 8.0.16 können Sie eine Richtlinie zum Ab...

So vergessen Sie das Root-Passwort in Mysql8.0.13 unter Windows 10

1. Stoppen Sie zuerst den MySQL-Dienst Öffnen Sie...

Verwendung von Provide und Inject in Vue3

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

Deinstallieren der MySQL-Datenbank unter Linux

Wie deinstalliere ich eine MySQL-Datenbank unter ...

Elemente der Benutzererfahrung oder Elemente des Webdesigns

System- und Benutzerumgebungsdesign <br />D...

So generieren Sie ein kostenloses Zertifikat mit OpenSSL

1: Was ist OpenSSL? Welche Funktion hat es? Was i...

Zusammenfassung des Wissens zum MySQL-Protokoll

Inhaltsverzeichnis SQL-Ausführungsreihenfolge Bin...