Heim > Web-Frontend > HTML-Tutorial > So erstellen Sie ein Formular mit HTML zum Senden

So erstellen Sie ein Formular mit HTML zum Senden

不言
Freigeben: 2018-11-21 09:45:53
Original
3381 Leute haben es durchsucht

HTML hat neben der Sprache zum Anzeigen von Zeichen und Bildern tatsächlich auch die Funktion, einfache Formulare zu erstellen. In diesem Artikel erfahren Sie, wie Sie das HTML-Format zum Erstellen eines Sendeformulars verwenden.

Erläutern wir zunächst die Formularelemente: Das Formularelement ist ein notwendiges Element zum Erstellen eines Einreichungsformulars.

Das Grundformat ist wie folgt:

<form action =""method ="">
  //填写表单的内容
</ form>
Nach dem Login kopieren

Obwohl es kein Eingabeformular anzeigt, das nur Formularelemente für die Darstellung verwendet, kann dies durch Platzieren von etwas wie dem erreicht werden Geben Sie im Formularabschnitt das Eingabeattribut ein, um das Formular anzuzeigen.

Das Formularelement ist ein Bild, beispielsweise ein Etikett zum Versenden einer Bestellung durch Zusammenfügen von Teilen.

Dennoch ist das Formular möglicherweise immer noch nicht klar genug. Werfen wir einen Blick auf den konkreten Inhalt.

Aktionsattribut

Das Aktionsattribut wird verwendet, um den Ort anzugeben, an den die Daten gesendet werden, nachdem das Formular gesendet wurde.

Beispiel:

als externe URL angegeben

Wir senden die Formulardaten an die URL (//m.sbmmt.com/)

<form action ="//m.sbmmt.com/">
Nach dem Login kopieren

Angegeben als interne URL

Sendet Formulardaten an form.php zur Verarbeitung an der Stelle, die am Ende der aktuellen URL hinzugefügt wird.

<form action ="form.php">
Nach dem Login kopieren

Unspecified

Sendet Formulardaten an die aktuelle URL.

<form>
Nach dem Login kopieren

Methodenattribut

Geben Sie die Rolle des Methodenattributs und der Sendemethode beim Senden des Formulars an.

Gängige Übertragungsmethoden sind POST und GET.

Sehen wir uns ein konkretes Beispiel an

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title></title>
</head>
<body>
<form action="" method="">
  <div>
    <label for="message">message:</label>
    <br>
    <input type="text" />
  </div>

  <div class="button">
    <button type="submit">发送消息</button>
  </div>
</form>
</body>
</html>
Nach dem Login kopieren

Der Effekt ist wie folgt:

So erstellen Sie ein Formular mit HTML zum Senden

Erklärung: Im obigen Code Formular ist ein großes Etikett; unten ist ein Etikett, das auf dem Formular festgelegt werden kann. Diesmal wird ein Nachrichtenetikett generiert. Als nächstes folgt das Eingabe-Tag, mit dem Eingabeformulare generiert werden können, und schließlich der Button, ein Tag, mit dem Schaltflächen generiert werden können.

Das obige ist der detaillierte Inhalt vonSo erstellen Sie ein Formular mit HTML zum Senden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage