Как переместить текст PLACEHOLDER наверх

У меня есть небольшая проблема, немного глупо, я думаю, но не мог понять.

В моем коде HTML Form, вводе ("текст"), где пользователь будет писать свое сообщение, я поместил местозаполнитель, как вы видите на изображении:

ИЗОБРАЖЕНИЕ МЕСТОПОЛОЖЕНИЯ

Я хотел бы, чтобы заполнитель был наверху. Как я могу это сделать?

Большое спасибо!

С уважением и сожалею о моем английском. Испанский парень здесь;)

THE HTML CODE

<form>
<input type="text" id="message" name="message" placeholder="Your Message...">
</form>

THE CSS CODE

#message{
 width:450px;
 height:240px;
 font-family: 'Open Sans', sans-serif;
 margin-top:20px;
 background-color:transparent;
 color:white;
 border:1px solid white;
}

РЕДАКТИРОВАТЬ:

СДЕЛАННЫЙ.

Я просто изменил "input type =" text "" на "textarea" и добавил несколько столбцов и строк.

Благодарю!