使用<input type =“text”/>垂直对齐文本？

Question

出于某种原因，我的一个输入行为很奇怪。我为所有输入应用通用css

.text-input {
    padding: 6px 10px;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 330px;
    border-bottom: 1px solid #000;
}

我将这个特定的css应用于一个特定的div以使其更高

#letter {   
    height: 100px;
}

出于某种原因，当我专注于#letter输入并开始输入文字出现在它的垂直中间时，我不知道是什么导致了这个问题，但这里是我的页面，如果你专注于“消息”输入你会看到我的意思（用铬测试）。

http://freshbeer.lv/development/en/contact.php

Answer 1

也许您想使用textarea代替？ input type="text"仅限单行。

Answer 2

你应该使用Text Area元素。

<textarea></textarea>