Question

我有一点问题，我猜有点愚蠢，但无法理解。

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

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

非常感谢！

对我的英语表示抱歉。西班牙人在这里;）

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

编辑：

DONE。

我刚刚将“input type =”text“”更改为“textarea”并添加了一些cols和rows。

谢谢！

Answer 1

您可以使用 textarea 而不是输入，试试吧！如果你想把它变大，只需添加 cols =＆＃34; x＆＃34; 和 rows =＆＃34; x ＆＃34;在textarea标签上定义。

Answer 2

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

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

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

如何将PLACEHOLDER文本移到顶部

2 个答案: