Positionement d'un Placeholder dans un TextArea

14 juin 2018 à 15:45:33

Bonjour, je cherche a placer le placeholder de mon textarea tout en bas du textarea mais je n'ai aucune idee de comment le faire (Ps: je suis encore trés débutant donc soyez gentil )

Voila le code

<!DOCTYPE>
<html>
 <head>
 <meta charset="utf-8"/>
 <link rel="stylesheet" href="CSSEXO1Formulaire.css"/>
 </head>
 <body>
 <header>
 <img src="508.jpg" alt="Photo HTML" class="photohtml"/>
 </header>
 <p> Enregistrement d'un étudiant : <p>
 <form>
 <label>Nom</label>  <input type="name"/></br></br>
 <label> Prénom </label> <input type="name"/><br /><br />
 <label> Formation</label>  <input type="radio" name="formation"id="Initiale"/> Initiale 
							 <input type="radio" name="formation"/> Continue <br /><br />
<label> Cursus </label> <select name="cursus" id="cursus">
							<option value="Informatique"> Informatique</option>
							<option value="1">...</option>
							</select><br /> <br />
							
<label>Commentaires</label> <textarea name="commentaires" id="commentaires" rows="5%" placeholder="Tapez ici vos commentaires"></textarea>
	
   </form> 
 </body>
 </html>

Voila le css :

.photohtml
{width:25%;
height:18%;}
label
{
display: block;
width:150px;
float:left;}

-
Edité par Madaha 14 juin 2018 à 15:47:34

eclairia

15 juin 2018 à 11:01:45

Bonjour,

Je n'ai jamais essayé de modifier un placeholder mais essaye ce tuto qui à l'air de faire ce que tu cherches:

https://css-tricks.com/almanac/selectors/p/placeholder/

"Ils ne savaient pas que c'était impossible, alors ils l'ont fait" Mark Twain

MrChampy

15 juin 2018 à 11:20:41

Hello,

C'est un peu galère les positions des placeholders, mais tu peux les gérer avec le padding mais pas avec position, si ton textarea est fixe tu peux faire un truc dans ce genre : https://jsfiddle.net/6x4gw0uh/4/