HTML 表单光标位置在中间

Question

出于某种原因，当我的表单显示时，文本内容垂直对齐了一半。我不确定为什么？我在 Ruby 上使用 Sinatra。

HTML:

<form action="/create" method="post">
  <h1>Arrays:</h2><br>
  <input type="text" name="file" value="<%= @contents1 %>" id="form">
</form> 

CSS:

#form {
  width: 100%;
  height: 120px;
  border: 3px solid #cccccc;
  padding: 5px;
  font-family: calibri, sans-serif;
  font-size: 12px;
}

JSFiddle

Answer 1

是因为<input type='text'>仅设计用于处理单行文本。你是不是想用 <textarea>相反？