textarea放置很不稳定

Question

为什么我的文字区域展示位置与输入类型=“文字”展示位置不同？

与Snippet相关。

input[type="text"], textarea {
  height:100px;
}

/* no css other than height to show my point */

<form>
  <input type="text" placeholder="Form 1, input type=text"/>
  <input type="button" value="Form 1"/>
  <input type="button" value="It is centered"/>
</form>

<form>
  <textarea placeholder="Form 2, textarea."></textarea>
  <input type="button" value="Form 2"/>
  <input type="button" value="Not centered"/>
</form>