jquery - html 形式的占位符文本在文本框高度增加时位置变得奇怪

Question

所以我制作了一个包含文本输入的表单，对于其中一个，我增加了一个的高度。

接下来我看到，只有文本框的大小增加了，但是我的占位符文本从中心开始，当我点击它时，我只能从中心输入，而不是从顶部输入......

发生了什么事，我该如何解决？

score 2 · Accepted Answer

如果您使用的是文本输入 ( <input type="text">)，则它是单行输入。
改变它的高度将不允许更多的线条。

考虑使用 a<textarea>代替，因为它们是多行输入。

score 0 · Accepted Answer

如果您真的觉得需要让文本不垂直居中，请在 CSS 中使用padding而不是，如下所示：height

#text-input {
  padding-bottom: 30px;
  /* Instead of height: 30px; */
}

这是JSBin的演示。

但是，我会回应推荐的textarea答案。

2 回答 2