textarea 高度自适应细节展示

textarea 高度自适应细节展示

用 textarea 实现输入框，在用户输入时，设置输入框的高度为 auto
然后取出输入框的 scrollHeight ，这个属性是指，在不出现滚动条的情况下把元素的内容(包含 padding )全部显示出来的最小高度
最后重新设置输入框的高度为 scrollHeight

最后，会发现，当输入内容不满一行时，输入框会变高，这是因为 textarea 的 rows 默认值为 2 ，如果设置高度为 auto ， scrollHeight 的值为： 行高 * 2 + 上下 padding 。这样的话可以看到在用户输入第一个字后，输入框变高。所以要修改rows的默认置，改为1。