如何将 PLACEHOLDER 文本移动到顶部答案

【问题标题】：How to move the PLACEHOLDER text to the top如何将 PLACEHOLDER 文本移动到顶部
【发布时间】：2014-06-03 02:29:08
【问题描述】：

我有一个小问题，我猜有点笨，但想不通。

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

PLACEHOLDER IMAGE

我希望占位符位于顶部。我怎样才能做到这一点？

非常感谢！

对我的英语表示问候和抱歉。西班牙人在这里;)

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”并添加了一些列和行。

谢谢！

【问题讨论】：

标签： html css placeholder

【解决方案1】：

您可以使用 textarea 而不是 input，试试吧！如果你想让它更大，只需在 textarea 标签上添加 cols="x" 和 rows="x" 属性。

【讨论】：

【解决方案2】：

这是在 jsfiddle 中使用 textarea 的示例。

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

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

【讨论】：

居然做到了！谢谢！