Rechercher : dans
Par :

Taille des input

Dernière réponse le 26 oct 2009 à 20:07:02 vanessa, le 12 sep 2007 à 20:57:50 
 Signaler ce message aux modérateurs

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

Configuration: Windows XP
Firefox 2.0.0.6

Meilleures réponses pour « taille des input » dans :
Diminuer la taille des images JPEG VoirSi vous trouvez que vos fichiers JPEG sont trop gros (par exemple pour envoyer par mail ou pour publier sur une page web), voici 4 étapes pour diminuer la taille des fichiers: Étape 1 (optionnel !) : Passer GREYCStoration sur l'image GREYCStoration...
Optimiser la taille des images PNG VoirOn peut optimiser de manière importante la taille des fichiers PNG, ce qui est particulièrement intéressant pour les pages web. La méthode décrite ci-dessous permet de réduire les fichiers PNG en moyenne à 40% de leur taille originale. Comment...
Modifier la taille du menu démarrer VoirVoici comment changer à volonté la taille de votre menu démarrer. Faites un clic droit sur le menu démarrer, puis, choisissez propriétés. Cliquez sur Personnaliser, dans la nouvelle fenêtre, augmentez ou diminuez le nombre de programmes récents...

1

gryzzly, le 12 sep 2007 à 21:00:28
  • +3

Attribut "size" http://www.w3schools.com/tags/tag_input.asp On peut pardonner beaucoup à autrui, sauf de vous avoir aidé.
B. Werber

Répondre à gryzzly

2

Laurent..., le 12 sep 2007 à 21:03:12

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.
J'vais bientôt arreter l'aide sur CCM... Bon bugs a tous ^^ Je reviendrais un jour... A+

Répondre à Laurent...

3

Kiba, le 8 jui 2008 à 23:11:43

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

Répondre à Kiba

4

Helvetti, le 13 aoû 2008 à 16:43:44

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

Répondre à Helvetti

5

Laurent..., le 13 aoû 2008 à 16:47:36

On trouve rien sur google.... c'est sur il y a peu de site qui répertorie les parametres html php etc..

http://www.google.fr/search?hl=fr&q=html+taille+input&btnG=Recherche+Google&meta=

+

Répondre à Laurent...

6

Vinci Nou, le 17 fév 2009 à 17:52:44

Oula vieux message que je ressors, en esperant que sa aide les futurs chercheurs googlelistes:

Donc pour la taille d'un Input ... rien de plus simple: Le css!(en meme temps le CSS marche sur tt se qui bouge et c lui qui sauveras le monde de cette infame javascript xD je déconne)

Voili voilou: <input type="texte" name="blablabla" style="width:200;height:200;"/>

Répondre à Vinci Nou

7

Ulyce82, le 28 aoû 2009 à 11:46:20

Voili voilou: <input type="texte" name="blablabla" style="width:200;height:200;"/>

Ne pas oublier l'unité de mesure : px

donc la bonne réponse serait :

<input type="texte" name="blablabla" style="width:200px; height:200px;"/>

Répondre à Ulyce82

8

gryzzly, le 28 aoû 2009 à 16:08:49

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

Répondre à gryzzly

9

Mr_SATAN, le 26 oct 2009 à 19:50:48

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 ?

Répondre à Mr_SATAN

10

garf, le 26 oct 2009 à 19:54:12

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

Répondre à garf

11

 Mr_SATAN, le 26 oct 2009 à 20:07:02

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

Répondre à Mr_SATAN