Dans la conception Web, les zones de texte sont un élément couramment utilisé qui peut être utilisé pour permettre aux utilisateurs de saisir des informations sur la page. Cet article explique comment configurer des zones de texte en HTML.
Pour créer une zone de texte, vous pouvez utiliser la balise Voici un exemple basique :
<input type="text" name="username">
Dans cet exemple, nous créons une zone de texte et la nommons "nom d'utilisateur".
Vous pouvez définir la taille de la zone de texte à l'aide de l'attribut "size", par exemple :
<input type="text" name="username" size="30">
Dans cet exemple, nous définissons la taille de la zone de texte à 30 caractères larges.
De plus, vous pouvez également utiliser l'attribut "maxlength" pour définir la longueur maximale de la zone de texte, par exemple :
<input type="text" name="username" maxlength="20">
Dans cet exemple, nous définissons la longueur maximale de la zone de texte à 20 caractères.
Vous pouvez utiliser l'attribut "value" pour définir la valeur par défaut de la zone de texte, par exemple :
<input type="text" name="username" value="请输入用户名">
Dans cet exemple, nous définissons la valeur par défaut de la zone de texte sur " Veuillez saisir votre nom d'utilisateur ".
De plus, vous pouvez également utiliser l'attribut "placeholder" pour définir l'espace réservé de la zone de texte, par exemple :
<input type="text" name="username" placeholder="请输入用户名">
Dans cet exemple, nous définissons l'espace réservé de la zone de texte sur "Veuillez entrer votre nom d'utilisateur". L'espace réservé disparaîtra automatiquement lorsque l'utilisateur entrera dans la zone de texte.
En plus de la balise , vous pouvez également utiliser la balise
<textarea name="content" rows="5" cols="30"></textarea>
Dans cet exemple, nous créons une zone de texte multiligne et la nommons « contenu ». Nous définissons également le nombre de lignes de la zone de texte à 5 et le nombre de colonnes à 30.
Définir une zone de texte en HTML est très simple, il suffit d'utiliser la balise ou
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!