Maison  >  Article  >  interface Web  >  Utilisation du formulaire en HTML

Utilisation du formulaire en HTML

下次还敢
下次还敢original
2024-04-27 19:46:18787parcourir

HTML Form est une interface qui permet aux utilisateurs de saisir et de soumettre des données sur une page Web. Il contient : des champs de saisie (texte, mot de passe, email, numéro, case à cocher, bouton radio), un sélecteur (menu déroulant) et des boutons (soumettre, réinitialiser). Les formulaires sont créés à l'aide de l'élément <form>, avec les attributs de nom, d'action et de méthode. Une fois que l'utilisateur a saisi les données et les a soumises, les données du formulaire sont envoyées à l'URL spécifiée via une requête HTTP.

Utilisation du formulaire en HTML

Utilisation du formulaire HTML

Qu'est-ce que le formulaire HTML ?

HTML Form, un formulaire Web, est une interface où les utilisateurs peuvent saisir et soumettre des données sur une page Web. Il contient généralement des champs de saisie, des sélecteurs et des boutons permettant aux utilisateurs d'interagir avec le site Web.

Créer un formulaire HTML

Pour créer un formulaire HTML, vous pouvez utiliser l'élément <form> : <form>元素:

<code class="html"><form>
  <!-- 输入字段、选择器和按钮 -->
</form></code>

输入字段

输入字段用于收集用户输入的数据,有以下类型:

  • <input type="text">:单行文本输入
  • <input type="password">:受密码保护的单行文本输入
  • <input type="email">:电子邮件地址输入
  • <input type="number">:数字输入
  • <input type="checkbox">:复选框
  • <input type="radio">:单选按钮

选择器

选择器允许用户从选项列表中选择值,包括:

  • <select>:下拉菜单
  • <option>:下拉菜单中的选项

按钮

按钮用于提交或重置表单,有以下类型:

  • <button type="submit">:提交按钮
  • <button type="reset">:重置按钮

其他属性

<form>元素可以使用以下属性:

  • name:为表单分配一个名称
  • action:指定表单提交后将数据发送到的 URL
  • methodrrreee
Champs de saisie

Les champs de saisie sont utilisés pour collecter les données saisies par l'utilisateur, il existe les types suivants :

  • <input type="text"> : saisie de texte sur une seule ligne

  • code> : saisie de texte sur une seule ligne protégée par mot de passe
  • <input type="email"> : saisie d'une adresse e-mail 🎜
  • <input type="number "> : saisie numérique🎜
  • <input type="checkbox"> : case à cocher🎜
  • <input type="radio" > : bouton radio 🎜🎜🎜🎜Selector 🎜🎜🎜Selector permet à l'utilisateur de sélectionner une valeur dans une liste d'options, notamment : 🎜
    • < select> : Menu déroulant 🎜
    • <option> : Options dans le menu déroulant 🎜🎜🎜🎜 bouton 🎜🎜🎜 est utilisé pour soumettre ou réinitialiser le formulaire, il existe les types suivants : 🎜
        <button type="submit"> : bouton Soumettre 🎜
      • <button type="reset" > : Bouton de réinitialisation 🎜🎜🎜 🎜Autres attributs🎜🎜🎜L'élément <form> peut utiliser les attributs suivants : 🎜
        • name : Attribuez un nom au formulaire🎜
        • action : Spécifiez l'URL à laquelle les données seront envoyées une fois le formulaire soumis🎜
        • méthode : Spécifiez la méthode HTTP pour envoyer des données au serveur, qui peut être "get" ou "post"🎜🎜 🎜🎜Après avoir créé un formulaire à l'aide du formulaire HTML🎜🎜🎜, les utilisateurs peuvent saisir des données dans les champs de saisie, sélectionner des options dans le sélecteur, et cliquez sur le bouton Soumettre. Les données du formulaire seront envoyées à l'URL spécifiée via une requête HTTP. 🎜

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn