表单输入textarea vertical-align不起作用

Question

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

我尝试过使用：

textarea{
vertical-align:top;}

和

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

我也尝试添加autoflow:auto;

Answer 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>

<强> Demo Here

Answer 2

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

当你这样做时：

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

    </textarea>
</form>

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

我认为你想做的是：

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

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

两个版本的

DEMO ： http://jsfiddle.net/2thMQ/4/