改变评论输入指针到顶部

Question

我想要评论输入框内的指针，它位于焦点的中间。我希望它在顶部

div{
width: 300px;
height: 300px;

}

div label{
display: block;
font-family: arial;
}

div input{
width: 200px;
height: 200px;
}

<div>
<label for="comment">Comment</label>
<input name="comment">
</div>

Answer 1

您确定不想使用文本区域而不是文本输入来进行评论吗？

<textarea id="comment" name="comment" rows="4" cols="50">
Are you sure you don't want to use the textarea tag instead?
</textarea>

如果您仍然希望它居中，您可以添加：text-align: center

Answer 2

不要使用input，你应该使用textarea。使用具有固定高度和宽度的输入不会改变光标开始的位置。它只会扩展输入本身。 textarea 很好，因为它有一个 built-in 工具，您可以在其中垂直或水平调整文本框的大小，它会根据文本量增长。您无需在其上定义预设高度和宽度，只需在标记中指定 rows="" 和 col="" 计数即可。

div{
width: 300px;
height: 300px;

}

div label{
display: block;
font-family: arial;
}

textarea {  
  resize: none;
}

<div>
<label for="comment">Comment</label>
<textarea name="comment" rows="15" cols="30"></textarea>
</div>

改变评论输入指针到顶部

Change the comment input pointer to top

html

css

forms