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

Question

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 ?

Answer 1

Vous pouvez définir son 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 saisir dans cette zone de texte, vous pouvez utiliser l'attribut maxlength

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

Answer 2

L' size fonctionne également

 <input size="25" type="text">

Answer 3

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;
    }

Answer 4

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">

Answer 5

<input size="45" type="text" name="name">

La "taille" spécifie la largeur visible en caractères de l'élément d'entrée.

Vous pouvez également utiliser la hauteur et la largeur de css.

 <input type="text" name="name" style="height:100px; width:300px;">