placeholder dans formulaire et compatibilité

WRInaute occasionnel
Bonjour,
dans un formulaire afin de montrera mes internautes la façon remplir je veux mettre un placeholder (avec plusieur ligne de textes) du genre :
Code:
placeholder="Comment remplir votre billet :

    Bonjour,
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac faucibus felis. Sed mollis tortor vel felis efficitur bibendum. Aliquam in neque eros. Praesent commodo risus nec consectetur rutrum. 

Etiam faucibus lacus id congue euismod. Proin blandit hendrerit lorem, quis posuere eros semper ut. Maecenas interdum dui augue, in tincidunt ipsum faucibus nec. Etiam egestas id justo a commodo. 
    

        1 maison
        2 chateaux
        3 camion
        
    Par avance merci"

Sous Chrome j'ai bien les retour à la ligne, sur EDGE et Opera aussi, mais sous Firefox et Safari j'ai pas de retour à la ligne.

Existe-il un moyen de rendre compatible le placeholder pour tout les navigateurs ? ou un autre moyen tout aussi simple à mettre en place ?
 
WRInaute occasionnel
Marche pas...
j'ai repris leur exemple mais j'ai tout sur une ligne.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>


<script type="text/javascript" >
 var textAreas = document.getElementsByTagName('textarea'); Array.prototype.forEach.call(textAreas, function(elem) { elem.placeholder = elem.placeholder.replace(/\\n/g, '\n'); }); 
</script>
</head>

<body>

<textarea class="textAreaMultiligne" placeholder="Hello,\nThis is multiligne example\n\nHave Fun" rows="5" cols="35"></textarea> 

</body>
</html>
 
Discussions similaires
Haut