Placer le placeholder dans un input

Fermé
parousky Messages postés 325 Date d'inscription mardi 11 septembre 2012 Statut Membre Dernière intervention 20 février 2022 - 27 mai 2015 à 23:17
jordane45 Messages postés 38136 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 avril 2024 - 27 mai 2015 à 23:27
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 38136 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 avril 2024 4 649
27 mai 2015 à 23:27
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