如何将字体光标放在顶部，text-align: top？

Question

如果我为文本区域设置css，比如this=>

#id_content {
    padding: 0;
    width: 100%;
    height: 600px;
}

高度和宽度的工作。但是如果我在textarea上输入一些东西，文本就位于textarea的中间位置，虽然填充:0。

为什么会发生这种情况？我怎么才能修复它？

这是html source=>。

<div id="id_div_content">

<form action="/createpost/" method="post"><div style='display:none'><input type='hidden' name='xxx' value='xxx' /></div>
<p><label for="id_title">Title:</label> <input id="id_title" type="text" name="title" maxlength="100" /></p>

    <p><label for="id_content">Content:</label> <input type="text" name="content" id="id_content" /></p>
<input type="submit" value="Submit" />

Answer 1

如果您在html中使用input标记，就会发生这种情况：

<input type="textarea" id="id_content" />

如果是，请改用textarea标记：

<textarea id="id_content"> </textarea>