光标在文本框中间？答案

【问题标题】：Cursor in the middle of a textarea box?光标在文本框中间？
【发布时间】：2019-03-12 14:01:03
【问题描述】：

在我创建的一个非常简单的 HTML 表单中，我要求用户提供更多详细信息，并将此部分编码为：

<textarea rows="1" cols="50" wrap="physical" name="comments">

</textarea>

知道为什么光标从这个框的中间开始吗？好吧，它不是直接在中间，但绝对不是在盒子的开始（左上）角。我在这里看到了很多解决方案，它们都需要 Javascript 来纠正这个问题。有没有办法只用 html 来做到这一点？

【问题讨论】：

标签： html css

【解决方案1】：

当您将其更改为时会发生什么：

<textarea rows="1" cols="50" wrap="physical" name="comments"></textarea>

我认为它不是从头开始，因为标签内有空格。

【讨论】：

【解决方案2】：

发生这种情况的原因是<textarea> 标记之间有空格。试试这个

<textarea rows="1" cols="50" wrap="physical" name="comments"></textarea>

【讨论】：

【解决方案3】：

这通常发生在我们在两个开始和结束“textarea”标签之间输入一个空格以提高可读性。

即您的开始<textarea> 标记和结束</textarea> 标记在不同的行上，或者它们之间有一些空格。

【讨论】：

【解决方案4】：

这听起来很奇怪。你有没有在 firebug 中查看过什么 CSS 效果呢？唯一想到的是受text-align: center的影响

【讨论】：