Explication des connaissances liées aux formulaires en HTML (exemples de code)

Cet article vous apporte des connaissances sur les formulaires en HTML (exemples de code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Ouvrez le lien dans une nouvelle fenêtre du navigateur

Ouvrir dans une fenêtre de navigateur, nous devons parfois ouvrir dans une nouvelle fenêtre de navigateur. La balise

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

mailto

a également pour fonction de se connecter à une adresse e-mail. L'utilisation de mailto permet aux visiteurs d'accéder facilement au. gestion du site Envoyez un email .

mailto Adresse e-mail, le navigateur appellera automatiquement le programme de messagerie client par défaut (tel que OutLock) et remplira automatiquement l'adresse du destinataire dans la zone du destinataire.

cc= Adresse Cc, utilisez cc=adresse après l'adresse du destinataire, vous pouvez renseigner l'adresse Cc.

bcc= Adresse Cci, utilisez bcc= adresse après l'adresse du destinataire, vous pouvez remplir l'adresse en copie aveugle

Plusieurs destinataires, CC, BCC, séparez les adresses de plusieurs destinataires par des points-virgules, vous pouvez envoyer à plusieurs destinataires

subject= Objet de l'e-mail, utilisez subject= pour ajouter le sujet de l'e-mail

body Contenu de l'e-mail, utilisez body= pour ajouter le contenu de l'e-mail

S'il y a plusieurs paramètres après mailto en même temps, le premier paramètre A doit commencer par "?", et chaque paramètre suivant doit être séparé par "&".

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

formulaire

Utilisez le formulaire HTML (formulaire) pour interagir avec l'utilisateur. Le formulaire peut transmettre les données saisies par le navigateur au serveur, afin que le programme côté serveur puisse traiter les données transmises par le formulaire.

 : les balises apparaissent par paires, start, end

action : Où les données saisies par le navigateur sont transmises

méthode : La méthode de transmission des données (get/post)

Remarque : Tous les contrôles de formulaire (zones de texte, champs de texte, boutons, cases radio, cases à cocher, etc.) doivent être placés entre les balises

(sinon les informations saisies par l'utilisateur risquent de ne pas être soumises au serveur)

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

L'étiquette label sous la forme

Le but de l'étiquette label est d'améliorer la convivialité pour les utilisateurs de souris. Ce contrôle sera déclenché si le texte est cliqué dans l'étiquette de l'étiquette. C'est-à-dire que lorsque l'utilisateur clique pour sélectionner l'étiquette, le navigateur mettra automatiquement le focus sur le contrôle de formulaire lié à l'étiquette (le contrôle de formulaire associé à l'étiquette sera automatiquement sélectionné).

Remarque : La valeur de l'attribut for de l'étiquette doit être la même que la valeur de l'attribut id du contrôle.

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

Zone de saisie de texte, zone de saisie de mot de passe

Le texte est utilisé lorsque les utilisateurs saisissent des lettres, des chiffres, etc. dans la zone de saisie du formulaire . La zone de texte peut également être convertie en zone de saisie de mot de passe.

type : Lorsque type="text", la zone de saisie est une zone de saisie de texte ; lorsque type="password", la zone de saisie est une zone de saisie de mot de passe.

nom : nommez la zone de texte à utiliser par le programme d'arrière-plan ASP et PHP

valeur : définissez la valeur par défaut pour la zone de saisie de texte . (Généralement utilisé comme invite)

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

Champ de texte

Lorsque l'utilisateur doit saisir un gros morceau de texte dans le formulaire , il doit être utilisé dans le champ de saisie de texte.

</span> les balises apparaissent par paires, <textarea> commence, de colonnes dans le champ de saisie multi-lignes ;

lignes : Le nombre de lignes dans le champ de saisie multi-lignes

在标签之间可以输入默认值。注意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="重置">

相关推荐：

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

带你掌握HTML中table和form表单

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!