Erläuterung von Wissen rund um Formulare in HTML (Codebeispiele)

Dieser Artikel vermittelt Ihnen Wissen über Formulare in HTML (Codebeispiele). Freunde in Not können darauf zurückgreifen.

Link in einem neuen Browserfenster öffnen

3499910bf9dac5ae3c52d5ede7383485 Tag Standardmäßig befindet sich die verlinkte Webseite im aktuellen Browserfenster In einem Browserfenster öffnen, manchmal müssen wir in einem neuen Browserfenster öffnen . Das Tag

<a href="目标网址" target="_blank">新的浏览器窗口打开</a>

mailto

3499910bf9dac5ae3c52d5ede7383485 ermöglicht Besuchern das einfache Versenden von Nachrichten an die E-Mail-Adresse Website-Administrator. E-Mail .

mailto E-Mail-Adresse, der Browser ruft automatisch das Standard-Client-E-Mail-Programm (z. B. OutLock) auf und trägt die Adresse des Empfängers automatisch in das Empfängerfeld ein.

cc= Cc-Adresse, verwenden Sie cc=address nach der Empfängeradresse, Sie können die Cc-Adresse eingeben.

bcc= Bcc-Adresse, verwenden Sie bcc= Adresse nach der Empfängeradresse, Sie können die Blindkopieadresse eingeben

; Mehrere Empfänger, CC, BCC, trennen Sie die Adressen mehrerer Empfänger durch Semikolons, Sie können an mehrere Empfänger senden

subject=

E-Mail-Betreff, verwenden Sie subject=, um den E-Mail-Betreff hinzuzufügen

body

E-Mail-Inhalt, verwenden Sie body=, um den Inhalt der E-Mail hinzuzufügen Wenn nach mailto mehrere Parameter gleichzeitig vorhanden sind, muss der erste A-Parameter mit „?“ beginnen, und Jeder nachfolgende Parameter muss durch „&“ getrennt werden.

<a href="mailto:123456@qq.com">发送</a>
<a href="mailto:123456@qq.com?cc=123456@qq.com">发送</a>
<a href="mainto:123456@qq.com?bcc=654321@qq.com">发送</a>
<a href="mailto:123456@qq.com;654321@qq.com">发送</a>
<a href="mailto:123456@qq.com?subject=发送电子邮件">发送</a>
<a href="mailto:123456@qq.com?body=欢迎来到HTML代码世界">发送</a>

Formular

Verwenden Sie

HTML-Formular (Formular)

, um mit Benutzern zu interagieren. Das Formular kann die vom Browser eingegebenen Daten an den Server übermitteln, sodass das serverseitige Programm die vom Formular übergebenen Daten verarbeiten kann.

ff9c23ada1bcecdd1a0fb5d5a0f18437

: ff9c23ada1bcecdd1a0fb5d5a0f18437-Tags erscheinen paarweise, ff9c23ada1bcecdd1a0fb5d5a0f18437start, f5a47148e367a6035fd7a2faa965022eend

Aktion

: Wohin die vom Browser eingegebenen Daten übertragen werden

Methode

: Die Methode der Datenübertragung (Get/Post) Hinweis: Alle Formularsteuerelemente (Textfelder, Textfelder, Schaltflächen, Optionsfelder, Kontrollkästchen usw.) müssen zwischen den Tags ff9c23ada1bcecdd1a0fb5d5a0f18437f5a47148e367a6035fd7a2faa965022e platziert werden (andernfalls werden die vom Benutzer eingegebenen Informationen möglicherweise nicht an den Server übermittelt)

<form method="传送方式" action="服务器文件">
<form method="post" action="save.php">
    <label for = "username">用户名：</label>
    <input type = "text" name="username" />
    <input for = "pass">密码:</label>
    <input type = "password" name="pass">

Das Label-Tag im Formular

Das Label-Tag wird verwendet, um die Benutzerfreundlichkeit für Mausbenutzer zu verbessern. Dieses Steuerelement wird ausgelöst, wenn auf den Text innerhalb der Beschriftung geklickt wird. Das heißt, wenn der Benutzer klickt, um das Etikett auszuwählen, richtet der Browser den Fokus automatisch auf das mit dem Etikett verknüpfte Formularsteuerelement (das mit dem Etikett verknüpfte Formularsteuerelement wird automatisch ausgewählt).

Hinweis: Der Wert im for-Attribut des Labels muss mit dem Wert des id-Attributs des Steuerelements übereinstimmen.

<label for="控件id名称">

Texteingabefeld, Passwort-Eingabefeld

Das Texteingabefeld wird verwendet, wenn der Benutzer Buchstaben, Zahlen usw. in das Formular . Das Textfeld kann auch in ein Passwort-Eingabefeld umgewandelt werden.

type

: Bei type="text" ist das Eingabefeld ein Texteingabefeld; bei type="password" ist das Eingabefeld ein Passwort-Eingabefeld.

Name

: Benennen Sie das Textfeld zur Verwendung durch das Hintergrundprogramm ASP und PHP.

Wert

: Legen Sie den Standardwert für das Texteingabefeld fest . (Wird im Allgemeinen als Eingabeaufforderung verwendet)

<form>
    姓名：
    <input type = "text" name="myName">
    <br/>
    密码：
    <input type = "password" name="pass">
</form>

Textfeld

Wenn der Benutzereinen großen Textabschnitt

in das Formular eingeben muss, Text wird benötigt Geben Sie die Domäne ein.

4750256ae76b6b9d804861d8f69e79d3

Tags erscheinen paarweise, 40587128eee8df8f03d0b607fe983014 endet;

cols

: Die Zahl Anzahl der Spalten im mehrzeiligen Eingabefeld;

Zeilen

: Die Anzahl der Zeilen im mehrzeiligen Eingabefeld;

在4750256ae76b6b9d804861d8f69e79d340587128eee8df8f03d0b607fe983014标签之间可以输入默认值。注意cols和rows这两个属性可用CSS样式的width和height来代替：col用width、row用height来代替。

<form method = "post" action="save.php">
    <label>联系我们</label>
    <textarea cols="50" rows="10">在这里输入内容。。。</textarea>
</form>

单选框、复选框

在HTML中有两种选择框，单选框和复选框，两者的区别是单选框中的选项用户只能选择一项；复选框中用户可以任意选择多项甚至全选。

type：当type="radio"时为单选框，type="checkbox"时为复选框

value：提交数据到服务器的值

name：为控件命名

checked：当设置checked="checked"时，该选项被默认选中

注意：同一组单选按钮，name取值一定要一致，这样同一组的单选按钮才可以起到单选的用作。

下拉列表框

<option value=&#39;提交值&#39;>选项</option>

下拉列表在网页中也常会用到，它可以有效的节省网页空间。既可以单选、又可以多选。

value='提交值'——>向服务器提交的值；选项——>显示的值

selected="selected"属性，则该选项就被默认选中。

下拉列表可以进行多选操作，在53ef528b06ec79ef05684370cfbe8ed2标签中设置multiple="multiple"属性，就可以实现多选功能，在window操作系统下，进行多选时按下Ctrl时同时进行单击(在Mac下使用Command+单击)，可以选择多个选项。

提交按钮和重置按钮

表单中有两种按钮可以使用，分别是提交按钮，重置按钮。

提交按钮：

type：只有当type值设置为submit时，按钮才有提交作用

value：按钮上显示的文字

重置按钮：

type：只有当type值设置为reset时，按钮才有重置作用

value：按钮上显示的文字

<input type="submit" value="提交">
<input type="reset" value="重置">

相关推荐：

HTML ------ 关于表单 Form - Tina_xy

带你掌握HTML中table和form表单

Das obige ist der detaillierte Inhalt vonErläuterung von Wissen rund um Formulare in HTML (Codebeispiele). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!