taille des input

Question

Bonsoir , quand on crée un zone de texte <input type="text" ...> est ce qu'on peut définir la taille du rectangle où on tape le texte ?

merci

gryzzly · Accepted Answer

attribut "size" https://www.w3schools.com/tags/tag_input.asp

Utilisateur anonyme · Answer

lu

Met google en page par defaut tu verra c'est pratique

car en tapant "html input" dans google on a la réponse, alors soit tu ne sais pas utilsier google comme bcp de personnes soit tu es parresseu.

Kiba · Answer

Mah non il aide les gens qui googuelisent ^^ lien sympa merci bien :)

Helvetti · Answer

Mais oui, s'il n'y avait pas de posts comme ça, on ne trouverait justement rien sur Google ...
Je viens de trouver ce post en tapant "html taille input", et qui répond à la même question que je me posais !
Alors merci à toi de poser cette question sur ce forum ^^

Utilisateur anonyme · Answer

on trouve rien sur google.... c'est sur il y a peu de site qui répertorie les parametres html php etc..

https://www.google.fr/search?hl=fr&q=html+taille+input&btnG=Recherche+Google&meta=&gws_rd=ssl

+

Ulyce82 · Answer

Voili voilou: Ne pas oublier l'unité de mesure : px donc la bonne réponse serait :

gryzzly · Answer

Sauf que si tu ne précises pas d'attribut size (comme je l'ai indiqué il y a déjà 2 ans ...), un navigateur texte affichera un input de 0 ou 1 caractère ... raté pour l'accessibilité du formulaire !
width, certes .. mais pas seulement.

Et en tout cas, à éviter les styles embarqués.

Il vaut mieux une feuille de style externe :
input[type="text"] {
    width:(x)px/%/em;
}

Mr_SATAN · Answer

Salut et merci à ceux qui ont donné des explications :)
J'ai une petite question subsidiaire si quelqu'un passe par là : j'ai bien réduit les champs input mais le texte à l'intérieur a toujours une taille par défaut et se retrouve donc coupé. Comment faire pour que la taille du texte soit proportionnelle à la hauteur du champ ?

garf · Answer

utilise "font-size"  dans ton style css


.style_input{
width:200px;
height:20px;
font-size:14px;
}


<input type="text" class="style_input" value="mon texte" />

Mr_SATAN · Answer

Merci pour ta réponse rapide :)

J'ai pensé à essayé ça mais ça ne fonctionne pas tout à fait. J'arrive effectivement à réduire le texte mais dans tous les cas il est coupé :

Capture d'écran : http://greg.santana.free.fr/images/Clipboard02.jpg

J'ai essayé les iinstructions "margin-top", "padding-top", "vertical-align" mais rien ne fonctionne

ptitdav80 · Answer

Bonjour à tous,

je relance le sujet... :)

Pour ma part ça fonctionne très bien avec du CSS sur tous les navigateurs, sauf IE...... (pour changer :D )


Voici la page en question : www.david-b.net/contact.php

Voici mon CSS :

.milieu input[type=text]{
    border:none;
    background-color:white;
    width:300px;
    height:16px;
    color:black;
    font-size:11px;
}

Quelqu'un pourrait m'aider? (ou alors m'aider à faire disparaître ce maudit navigateur ^^)
Merci d'avance :)

Garth · Answer

C'est bien le css pour définir une taille. 
Quid de pouvoir limiter le nombre de caractères? Je vient d'essayer l'attribut size mais dans mon firefox ça permet quand même de mettre 5 caractères et si l'on en rajoute au delà ça décale le texte dans le champ... 
Voici: 
   heure <input type="text" size="2" name="heure" />
Et la même pour des minutes donc ça risque pas que le visiteur veuille indiquer qu'il est 127 heures 223minutes... 
Une idée pour restreindre? Enfin en HTML, pas du javascript qui calculerais la largeur du champ(j'ai essayé d'ajouter cols="2" mais marche pas non plus). 

Testé uniquement dans firefox, pour les autres je verrait après.

Taille des input

12 réponses

Discussions similaires

Newsletters