如何将PLACEHOLDER文本移动到顶部

Question

我有一个小问题，我想有点愚蠢，但我想不通。

在我的HTML表单代码中，用户将在其中写入消息的输入（"文本"），我放置了一个占位符，如图所示：

占位符图像

我希望占位符位于顶部。我该怎么做？

非常感谢！

对我的英语表示问候和歉意。西班牙小伙子在这儿；）

---

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;
}

编辑：

完成。

我只是将"inputtype="text"改为"textarea"，并添加了一些列和行。

谢谢！

Answer 1

您可以使用文本区域而不是输入，试试看！如果你想让它更大，只需在textarea标签上添加cols="x"和rows="x"三个部分。

Answer 2

这里有一个在jsfiddle中使用文本区域的例子。

<textarea id="message" rows="8" cols="50" placeholder="Your message here"></textarea>

http://www.jsfiddle.net/cdLNL/