web-dev-qa-db-fra.com

Comment définir la taille d'une zone de texte d'entrée en HTML?

Voici une zone de saisie HTML:

<input type="text" id="text" name="text_name" />

Quelles sont les options pour définir la taille de la boîte?

Comment cela peut-il être implémenté en CSS?

htmlcssinput
75
osos

Vous pouvez définir sa width:

<input type="text" id="text" name="text_name" style="width: 300px;" />

ou encore mieux définir une classe:

<input type="text" id="text" name="text_name" class="mytext" />

et, dans un fichier CSS séparé, appliquez le style nécessaire:

.mytext {
    width: 300px;
}

Si vous souhaitez limiter le nombre de caractères que l'utilisateur peut taper dans cette zone de texte, vous pouvez utiliser l'attribut maxlength:

<input type="text" id="text" name="text_name" class="mytext" maxlength="25" />
108
Darin Dimitrov

L'attribut size fonctionne également:

<input size="25" type="text" />
43
Fuzzy Analysis

Essaye ça

<input type="text" style="font-size:18pt;height:420px;width:200px;">

Ou sinon

 <input type="text" id="txtbox">

avec le css:

 #txtbox
    {
     font-size:18pt;
     height:420px;
     width:200px;
    }
7
Janarthanan Ramu

Vous pouvez définir la largeur en pixels via le style en ligne:

<input type="text" name="text" style="width:195px;">

Vous pouvez également définir la largeur avec une longueur de caractère visible:

<input type="text" name="text" size="35" />

1
betrice mpalanzi