表单输入文本区域垂直对齐不起作用答案

【问题标题】：Form input textarea vertical-align not working表单输入文本区域垂直对齐不起作用
【发布时间】：2014-03-30 00:22:57
【问题描述】：

我正在努力让输入的文本与 HTML 表单上的输入文本区域的顶部对齐，并且已经广泛搜索了论坛，所以我想我会在这里发帖。

我尝试过使用：

textarea{
vertical-align:top;}

和

input["textarea"]{
vertical-align:top;}

我也试过添加autoflow:auto；

【问题讨论】：

【解决方案1】：

我认为您想使用<textarea> 而不是<input>。 Here's some background 也适合你，但你对不同的事情使用不同的表单元素。

HTML

<input type="text" placeholder="input" value="input">
<br />
<textarea rows="10">Textarea that has text aligned to the top. No css needed</textarea>

【讨论】：

你怎么知道这是 op 想要问的？
我的最佳猜测是他的 CSS 选择 input[type="textarea"]。
就是这样 - 不敢相信你这么快就回答了这个问题，非常感谢
我现在不知道他怎么知道，但这也是我想问的。出于某种原因，<input type="textarea"> 不会自动换行并将文本垂直居中，忽略 rows 属性和 wrap 属性。更改为<textarea> 解决了这个问题。旧帖子，但问题似乎是最新的。

【解决方案2】：

我不确定你的问题是什么，但我会尝试回答我认为是你的问题:)

当你这样做时：

<form>
    <textarea cols="25" rows="5" required>

    </textarea>
</form>

当您运行代码时，您的 textarea 之间的空格已经呈现 - 这意味着当您想输入 textarea 时，您可以在 100 个不同的地方开始发短信。

我想你想做的是这样的：

<form>
    <textarea cols="25" rows="5" required></textarea>
</form>

这样，textarea 中的文本将从 textarea 的左上角开始，这是因为您在运行此代码时没有渲染任何行。

两个版本的

【讨论】：