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>吗？