communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > Divers exemples d'analyse des formulaires HTML

Divers exemples d'analyse des formulaires HTML

不言
Libérer： 2018-06-05 11:18:51
original
2426 Les gens l'ont consulté

Cet article utilise principalement divers exemples pour vous aider à comprendre comment utiliser les formulaires HTML et explique comment les formulaires interagissent avec les utilisateurs. Les amis intéressés peuvent se référer à

9 Un exemple simple analyse l'utilisation du formulaire HTML. formulaire pour votre référence. Le contenu spécifique est le suivant

1 balise de formulaire

Comment le site Web interagit-il avec les utilisateurs ? La réponse est d'utiliser des formulaires HTML. Le formulaire peut transmettre les données saisies par le spectateur au serveur, afin que le programme côté serveur puisse traiter les données transmises par le formulaire.
Syntaxe :

• : Les balises apparaissent par paires, commençant par et se terminant par

.
•action : L'endroit où les données saisies par le spectateur sont envoyées, comme une page PHP (save.php).
•method : La méthode de transmission des données (get/post).

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

Je ne peux pas soumettre au serveur !).
La différence entre method:post/get est une question à prendre en compte par les programmeurs back-end. Les amis intéressés peuvent consulter le wiki de cette section, qui contient une introduction détaillée.

Code XML/HTMLCopier le contenu dans le presse-papiers

<form method="post" action="save.php">
        <label for="username">用户名:</label>
        <input type="text" name="username" />
        <label for="pass">密码:</label>
        <input type="password" name="pass" />
</form>
Copier après la connexion

2 zones de saisie/texte/mot de passe et mot de passe

Les zones de saisie de texte sont utilisées lorsque les utilisateurs souhaitent saisir des lettres, des chiffres, etc. dans le formulaire. La zone de texte peut également être convertie en zone de saisie de mot de passe.
Syntaxe :


Code XML/HTMLCopier le contenu dans le presse-papiers

<form>
   <input type="text/password" name="名称" value="文本" />
</form>
Copier après la connexion

Quand 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 les programmes 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 rappel)

Code de test :

Code XML/HTMLCopier le contenu dans le presse-papier

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>文本输入框、密码输入框</title>
    </head>
    <body>
        <form  method="post" action="save.php">
            账户:<input  type="text"  name="myName" /><br><br>
            密码:<input  type="password"  name="pass" />
        </form>
    </body>
</html>
Copier après la connexion

Effet navigateur :

Champ de texte à 3 zones de texte, prend en charge la saisie de texte sur plusieurs lignes

Lorsque l'utilisateur doit saisir un gros morceau de texte dans le formulaire , il est obligatoire d'utiliser des champs de saisie de texte.
Syntaxe :

1 . Les balises