HTML表单的光标位置在中间

由于某些原因，当显示“我的表单”时，文本内容会垂直向上对齐一半。我不知道为什么？我在Ruby上使用Sinatra

HTML:

---

这是因为

只设计用于处理单行文本。你是想用

来代替吗？

你可以发布一些表单的虚拟内容或发生了什么的截图吗？杰克解决了我的问题。我不需要。谢谢

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

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