Comment régler l'alignement du texte de l'espace réservé dans la zone de saisie?

Le texte de l'espace réservé dans la troisième zone s'affiche dans le milieu alors que je veux être au top.
HTML

<div id="message">
    <ul>
      <li><h1>Send us a message</h1></li>
      <li><input type="text" placeholder="Name"></li>
      <li><input type="text" placeholder="Email"></li>
      <li><input type="text" style="height:150px;" placeholder="Message"></li>
      <li><a href="#">Send</a></li>
    </ul>
</div>

Ici est JSFiddle

peut-être que vous devriez utiliser textarea au lieu de input type="text" pour votre message?

OriginalL'auteur Orahmax | 2014-01-09

Si vous êtes désireux d'un multi-ligne de champ de saisie, vous devez utiliser le textarea élément.

<li>
    <textarea placeholder="Message"></textarea>
</li>

Vous pouvez ensuite le style de ceci, toutefois, vous aimez à l'aide de la textarea sélecteur:

#message input,
#message textarea {
    width: 250px;
    height: 40px;
    padding: 10px;
}

#message li input[type=text],
#message li textarea {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
}

#message li textarea {
    height: 150px;
    resize: none;
}

JSFiddle démo.

OriginalL'auteur James Donnelly

3

Pour le style de texte de l'espace réservé, vous aurez besoin d'vendeur préfixe propriétés CSS.
```
::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}
```
La lecture de ce document

Mise à jour:

Dans votre cas, vous utilisez l'entrée de la boîte au lieu d'utiliser le texte de la zone. Donc, si vous voulez déplacer votre texte sur use a text-area instead of using input.

Comment cela va aligner espace réservé à haut?
Non, il n'est pas déplacer le texte sur le dessus parce que OP utilisée zone de saisie au lieu d'utiliser textarea.

OriginalL'auteur Ishan Jain

Essayer

::-webkit-input-placeholder {
   text-align:center;
}

:-moz-placeholder { /* Firefox 18- */
   text-align:center;  
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align:center;  
}

:-ms-input-placeholder {  
   text-align:center; 
}

OriginalL'auteur Shabeer Mothi

au lieu de

 <li><input type="text" style="height:150px;" placeholder="Message"></li>

utilisation:

<li><textarea rows="4" cols="50" placeholder="Message"></textarea> </li>

OriginalL'auteur Dipak

Vous devez vous connecter pour publier un commentaire.