Placer le placeholder dans un input

parousky Messages postés 325 Date d'inscription   Statut Membre Dernière intervention   -  
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour, j'ai un input avec un placeholder et cet input a une taille précise. Ce qui fait que le placeholder se place au milieu de l'input, et j'aimerais qu'il soit en haut et pas au milieu !

Voilà ce que j'ai écris :

<input class="WriteMsg" id="WriteMsg" style="width: 400px; height: 100px;" placeholder="Voilà mon placeholder"></input>


Comment puis-je faire pour placer mon input en haut ?
Merci d'avance !

1 réponse

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,
Sachant qu'un INPUT ne dispose que d'une seule ligne (contrairement aux textarea).. pourquoi lui donner une aussi grande hauteur ?

Après.. pour placer le texte à l'intérieur.. tu peux éventuellement jouer avec le padding ...
et donc dans ton cas, mettre le padding-top à 0px;

<input class="WriteMsg"
           id="WriteMsg" 
           style="width: 400px; height: 100px;padding-top:0px"  
           placeholder="Voilà mon placeholder">


0