Maison > interface Web > tutoriel HTML > le corps du texte

Utilisation des balises de formulaire HTML

小云云
Libérer: 2018-01-26 11:19:40
original
6890 Les gens l'ont consulté

En général, la balise est utilisée dans les formulaires pour collecter les informations de saisie de l'utilisateur. Le type de saisie est déterminé par le type. La balise de formulaire la plus couramment utilisée est la balise d'entrée (). Les types d'entrée sont définis par l'attribut type (type). Les types de saisie courants incluent les champs de texte, les boutons radio, les cases à cocher, les menus déroulants, etc.

Les formulaires en HTML peuvent être utilisés pour collecter différents types d'informations saisies par l'utilisateur. Un formulaire est en fait une zone contenant des éléments de formulaire. Les informations saisies sur divers éléments de cette zone seront finalement soumises au script du programme via le formulaire. Par exemple, les plus courants incluent la connexion des utilisateurs, l'enregistrement, la publication d'articles, etc., qui sont tous soumis à des programmes dynamiques pour être traités via des formulaires. Cette section parle principalement des formulaires et des éléments de formulaire. La façon de soumettre les informations du formulaire à des programmes dynamiques sera abordée dans les futures leçons de langage de programmation.
La zone du formulaire utilise la balise

pour définir la portée du formulaire. Les valeurs des éléments dans
cette forme.
Champ de texte
Le champ de texte peut fournir aux utilisateurs la fonction de saisie de texte. Le navigateur interprétera le champ de texte comme une boîte rectangulaire. L'utilisateur déplace le curseur vers la boîte et clique sur Le. le curseur peut être déplacé dans le cadre. Les utilisateurs peuvent saisir des lettres, des chiffres, etc. dans le formulaire.
Le champ de texte est défini en définissant la valeur du texte pour l'attribut type dans la balise


Code XML/HTML Copier le contenu dans le presse-papiers

  1. <formulaire>

  2. Champ de texte 1 :<input type=”text” nom=”prénom” / >

  3. Champ de texte 2 :<entrée type="texte" nom="nom" />

  4. formulaire>

Le navigateur s'affiche comme suit :
201678135308382.png (296×89)

Bouton radio
Bouton radio dans la plupart des cas Apparaît dans les options permettant aux utilisateurs de saisir des informations lors de leur inscription. Ce type de multi-utilisateur ne permet aux utilisateurs de sélectionner qu'un seul résultat.
Le bouton radio est défini en définissant la valeur de l'attribut type sur radio dans la balise

  1. <form>
    <input type=”radio” name=”sex” value=”male” /> 男生   
    <input type=”radio” name=”sex” value=”female” /> 女生   
    </form>
    Copier après la connexion

L'affichage dans le navigateur est :
201678135342504.png (164×77)

case à cocher
Les cases à cocher permettent aux utilisateurs de cocher certaines options ou options correspondantes. Une solution courante consiste à fournir aux utilisateurs des fonctions telles que la mémorisation de leur compte de connexion lorsqu'ils se connectent. Vous pouvez également recueillir plusieurs opinions des utilisateurs sur la page d'enquête auprès des utilisateurs. La case à cocher
est définie en définissant la valeur de l'attribut type sur checkbox

  1. <form>
    <input type=”checkbox” name=”val1″ />
    前端开拓者不错   
    <input type=”checkbox” name=”val2″ />
    前端开拓者一般   
    </form>
    Copier après la connexion

dans la balise suit :
201678135409883.png (203×92)

Menu déroulant
Le menu déroulant est similaire à la sélection radio dans la sélection d'informations, mais le menu déroulant peut accueillir plus d'informations. Et le menu déroulant peut exécuter des scripts supplémentaires après avoir sélectionné la valeur du menu.
Le menu déroulant commence par