当文本框大小改变时光标位置改变

Question

我正在尝试更改 HTML 中文本框的大小。这是我的代码：

HTML

<asp:Label ID="lblEmailBody" runat="server" Text="Content: "></asp:Label>
<asp:TextBox ID="txtEmailBody" runat="server"></asp:TextBox>

CSS

#txtEmailBody {
    margin-left: 2px;
    border-radius: 5px;
    border-color: white;
    width:550px;
    height:250px;
}

大小改变就像我想要的那样，但光标位置改变到文本框的中间。有没有办法通过使用 HTML 和 CSS 来解决这个问题？我看了一些关于文本框大小和光标位置的帖子，但有些人提到了 JS，我试图只用 HTML 和 CSS 来解决这个问题，这可能吗？我希望光标位于左上角，就像您要写一封电子邮件一样。这是我单击文本框时光标所在位置的图像。

Answer 1

所以你想创建一个多行文本框，对吗？

不要使用文本框/输入字段，只需使用文本区域。这就是你所需要的。 您不需要重建文本框。如果你愿意，你也可以固定它的大小并按照你想要的方式操作它。

textarea{
height: 300px;
width: 500px;
}

<textarea>This is not a textbox but a textarea.</textarea>