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

So stellen Sie ein SpringCloud-Projekt mit Docker bereit

Inhaltsverzeichnis Docker-Image herunterladen Sta...

So konfigurieren Sie Eureka im Docker

Heureka: 1. Erstellen Sie ein JDK-Image Starten S...

JS implementiert einen Stoppuhr-Timer

In diesem Artikelbeispiel wird der spezifische JS...

Detaillierte Erklärung der verfügbaren Umgebungsvariablen in Docker Compose

Mehrere Teile von Compose befassen sich in irgend...

Versprechenskapselung wx.request-Methode

Im vorherigen Artikel wurde die Implementierungsm...

Detaillierte Erklärung zum Upgrade von Softwarepaketversionen unter Linux

Im Linux-Umfeld möchten Sie prüfen, ob eine besti...

Neue Funktionen von JS ES: Einführung in Erweiterungsoperatoren

1. Spread-Operator Der Spread-Operator besteht au...

So verwenden Sie CSS-Attributselektoren zum Spleißen von HTML-DNA

CSS-Attributselektoren sind großartig. Sie können...

Beispiel für die Anpassung des Vue-Projekts an den großen Bildschirm

Eine kurze Analyse von rem Zunächst einmal ist re...

Detaillierte Erläuterung des Quellcodes der vue.$set()-Methode von Vue

Bei der Verwendung von Vue zum Entwickeln von Pro...

LinkedIn wird überarbeitet, um das Surfen auf der Website zu vereinfachen

Das geschäftliche Social-Networking-Portal Linked...

Beispiel für die Validierung eines JavaScript-Formulars

HTML-Formulare werden häufig verwendet, um Benutz...