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

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

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>

Verwenden Sie

, 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.

: Wohin die vom Browser eingegebenen Daten übertragen werden

: Die Methode der Datenübertragung (Get/Post) Hinweis: Alle Formularsteuerelemente (Textfelder, Textfelder, Schaltflächen, Optionsfelder, Kontrollkästchen usw.) müssen zwischen den Tags

<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 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名称">

type

Name

Wert

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

Wenn der Benutzereinen großen Textabschnitt

</p> Tags erscheinen paarweise, endet;

cols

Zeilen

在标签之间可以输入默认值。注意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"属性，则该选项就被默认选中。

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

提交按钮和重置按钮

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

提交按钮：

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

value：按钮上显示的文字

重置按钮：

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

value：按钮上显示的文字

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

相关推荐：