Heim > Web-Frontend > HTML-Tutorial > So erstellen Sie mit HTML ein prägnantes Einreichungsformular (detaillierte Code-Erklärung)

So erstellen Sie mit HTML ein prägnantes Einreichungsformular (detaillierte Code-Erklärung)

奋力向前
Freigeben: 2021-08-02 18:03:38
Original
9106 Leute haben es durchsucht

Im vorherigen Artikel „Neuling: So verwenden Sie das A-Tag zum Erstellen eines Links (Teilen)“ habe ich Ihnen vorgestellt, wie Sie das A-Tag zum Erstellen eines Links verwenden. Im folgenden Artikel erfahren Sie, wie Sie mit HTML ein Formular erstellen. Ich hoffe, dass es Ihnen weiterhilft.

So erstellen Sie mit HTML ein prägnantes Einreichungsformular (detaillierte Code-Erklärung)

So erstellen Sie ein Formular in HTML

Übliche „Anmelde“- und „Registrierungs“-Funktionen auf Webseiten werden normalerweise mithilfe von Formularen implementiert. Im Folgenden finden Sie beispielsweise ein Beispiel für ein Anmeldeformular, das &lt;input&gt; und <button></button>&lt;input&gt;<button></button>

代码示例

<HTML>
	<form>
	<input placeholder="用户口"><br>
	<input placeholder="密码" type="password"><br>
	<button type="submit">登录</button>
	<button type="reset">重置</button>
	</form>
</HTML>
Nach dem Login kopieren

代码效果图

So erstellen Sie mit HTML ein prägnantes Einreichungsformular (detaillierte Code-Erklärung)

<form>表单的外壳:让用户提交一组数据,通常配合其他元素一起使用。

<br> 标签是空标签:使用 <br> 来输入空行,而不是分割段落。

&lt;input&gt; 单行文本输入框:元素通常指定用户输入,单纯的&lt;input&gt;用单行输入。

&lt;input&gt;
Nach dem Login kopieren

<button>按钮:元素一般会配合其他元素或JavaScript使用

代码标记了一个按钮

<button type="button">...</button>
Nach dem Login kopieren

<placeholder>Codebeispiel

input placeholder="用户口"
Nach dem Login kopieren
Code-Renderings🎜🎜So erstellen Sie mit HTML ein prägnantes Einreichungsformular (detaillierte Code-Erklärung)🎜🎜<form>🎜Shell des Formulars: 🎜Ermöglichen Sie Benutzern, eine Reihe von Daten zu übermitteln, die normalerweise in Verbindung mit anderen Elementen verwendet werden. 🎜🎜<br> 🎜Tags sind leere Tags: 🎜Verwenden Sie <br>, um leere Zeilen einzugeben, anstatt Absätze zu teilen. 🎜🎜&lt;input&gt;🎜 Einzeiliges Texteingabefeld: Das 🎜-Element gibt normalerweise Benutzereingaben an und wird einfach von &lt;input&gt; verwendet eine einzeilige Eingabe. 🎜rrreee🎜<button></button>🎜Button: 🎜Das Element wird im Allgemeinen in Verbindung mit anderen Elementen oder JavaScript verwendet 🎜🎜Der Code markiert einen Button🎜rrreee🎜<placeholder>🎜Kontozeichen: 🎜Wenn das Eingabefeld leer ist, können darin einige Anleitungsinhalte angezeigt werden, um den Benutzer über die Eingabe zu informieren. 🎜rrreee🎜Empfohlenes Lernen: 🎜Html-Video-Tutorial🎜🎜

Das obige ist der detaillierte Inhalt vonSo erstellen Sie mit HTML ein prägnantes Einreichungsformular (detaillierte Code-Erklärung). 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