Quelles balises d'entrée existent à différentes fins ?

La balise input est une balise très courante en HTML, utilisée pour recevoir les données de saisie de l'utilisateur. Il peut être utilisé de diverses manières, notamment la saisie de texte, le masquage de mot de passe, les boutons radio, les cases à cocher, les boutons de soumission, etc.

1. Saisie de texte
   La saisie de texte est utilisée pour recevoir des informations textuelles saisies par l'utilisateur, telles que le nom d'utilisateur, l'adresse e-mail, etc. Exemple de code :

   <label for="username">用户名：</label>
   <input type="text" id="username" name="username" placeholder="请输入用户名">

   Dans le code ci-dessus, l'attribut type est défini sur "text", indiquant que la zone de saisie est une zone de saisie de texte. L'attribut id et l'attribut name sont utilisés pour identifier la zone de saisie, et l'attribut placeholder est utilisé pour afficher les informations d'invite dans la zone de saisie.

2. Masquage du mot de passe
   Le masquage du mot de passe est utilisé pour recevoir les informations de mot de passe saisies par l'utilisateur, et le contenu saisi sera affiché sous forme d'astérisques ou de points. Exemple de code :

   <label for="password">密码：</label>
   <input type="password" id="password" name="password" placeholder="请输入密码">

   Dans le code ci-dessus, l'attribut type est défini sur "mot de passe", indiquant que la zone de saisie est une zone de saisie de mot de passe. L'utilisation des autres attributs est la même que pour la saisie de texte.

3. Bouton radio
   Le bouton radio est utilisé pour sélectionner une option parmi plusieurs options. Exemple de code :

   <label for="gender">性别：</label>
   <input type="radio" id="male" name="gender" value="male">
   <label for="male">男性</label>
   <input type="radio" id="female" name="gender" value="female">
   <label for="female">女性</label>

   Dans le code ci-dessus, l'attribut type est défini sur "radio", indiquant qu'il s'agit d'un bouton radio. L'attribut name est utilisé pour regrouper plusieurs cases de boutons radio et l'attribut value est utilisé pour spécifier la valeur de l'option.

4. Checkbox
   Checkbox est utilisé pour sélectionner plusieurs options parmi plusieurs options. Exemple de code :

   <label for="hobby">爱好：</label>
   <input type="checkbox" id="reading" name="hobby" value="reading">
   <label for="reading">阅读</label>
   <input type="checkbox" id="music" name="hobby" value="music">
   <label for="music">音乐</label>

   Dans le code ci-dessus, l'attribut type est défini sur "checkbox", indiquant qu'il s'agit d'une case à cocher. L'utilisation des autres attributs est la même que celle du bouton radio.

5. Bouton Soumettre
   Le bouton Soumettre est utilisé pour soumettre les données du formulaire à un gestionnaire sur le serveur. Exemple de code :

   <input type="submit" value="提交">

   Dans le code ci-dessus, l'attribut type est défini sur "submit", indiquant qu'il s'agit d'un bouton de soumission. L'attribut value est utilisé pour spécifier le texte affiché sur le bouton.

En plus des utilisations courantes ci-dessus, la balise d'entrée a d'autres attributs et utilisations, notamment le téléchargement de fichiers, la sélection de date, la sélection de couleurs, etc. En utilisant les balises d'entrée de manière appropriée, nous pouvons facilement créer une interface utilisateur riche.

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!