comment définir la largeur d’une zone de texte D’entrée en HTML, CSS et JavaScript
dans cet article, nous verrons comment définir la largeur d’une zone de texte d’entrée en HTML, CSS et JavaScript.
Définir la largeur en HTML
En HTML, vous pouvez utiliser la balise width attribut pour définir la largeur d’un élément.,
label for= »name »>Enter a value:</label>
Edit in JSFiddle
Alternatively, you can also use the size attribute to define the width of the <input>.,ody>
Edit in JSFiddle
Set width with CSS
It is good practice to separate CSS from HTML markup., L’idée est de définir une classe pour définir width propriété CSS.
Modifier dans JSFiddle
Vous pouvez également utiliser le sélecteur CSS d’une zone de texte de saisie pour définir la propriétéwidth CSS.
Modifier dans JSFiddle
Définir la largeur avec JavaScript
Avec JavaScript, vous pouvez utiliser la balise setAttribute() fonction pour définir la valeur de size l’attribut sur la zone de texte d’entrée.
Modifier dans JSFiddle
Vous pouvez aussi changer dynamiquement la largeur d’une zone de texte pour correspondre à la longueur de l’entrée., This can be easily done by setting the size attribute on key events.
Edit in JSFiddle
(21 votes, average: 5.00 out of 5)
Thanks for reading.