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

Erstellen eines Redis-Clusters auf Docker

Inhaltsverzeichnis 1. Ziehen Sie das Bild 2. Erst...

Sechs Möglichkeiten, die Größe von Docker-Images zu reduzieren

Seitdem ich 2017 mit der Arbeit an Vulhub begonne...

MySQL-Indexoptimierung: Detaillierte Einführung in die Paging-Erkundung

Inhaltsverzeichnis MySQL-Indexoptimierung – Pagin...

JavaScript zum Erzielen eines Taobao-Produktbild-Umschalteffekts

JavaScript-Umschalteffekt für Bekleidungsalben (ä...

Beispielcode zum Erstellen eines Dropdown-Menüs mit reinem CSS

Einführung: Als ich mir in letzter Zeit die Frage...

So debuggen Sie das Loader-Plugin in einem Webpack-Projekt

Als ich kürzlich lernte, wie man webpack verwende...

Implementierung zum Zeichnen einer Audio-Wellenform mit wavesurfer.js

1. Sehen Sie sich die Renderings an Weiterleiten ...

HTML-Grundlagen - Einfaches Beispiel zum Festlegen des Hyperlink-Stils

*** Beispiel für das Festlegen des Stils eines Hy...

border-radius ist eine Methode zum Hinzufügen abgerundeter Ränder zu Elementen

border-radius:10px; /* Alle Ecken sind mit einem ...

Lösung für den Konfigurationsfehler des Nginx-SSL-Zertifikats

1. Einleitung Wenn ein Webprojekt auf unserem Lin...

So verarbeiten Sie lokal dynamisch geladene Bilder in Vue

Finden Sie das Problem Heute bin ich auf ein Prob...

Detaillierte Schritte für einen reibungslosen Übergang von MySQL zu MariaDB

1. Einführung in MariaDB und MySQL 1. Einführung ...