html - 如何将 PLACEHOLDER 文本移动到顶部

Question

我有一个小问题，我想有点愚蠢，但无法解决。

在我的 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"并添加了一些列和行。

谢谢!

Answer 1

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