如何将div设置为输入文本表单？

Question

使用textarea和input-text作为文本表单的输入存在一些缺点.textarea在右下角有一个恼人的三角形,输入文本是单行输入.

我尝试输入像facebook更新输入表单这样的文本.换行后自动调整大小.并且使用的元素或标签是<div>.我说"用过"是因为在重新设计Facebook后,我无法弄清楚现在使用的是哪个标签.有一个CSS属性,使用户可以编辑div元素中的文本.我实际上复制了CSS属性,但现在我丢失了它.有人能告诉我它是哪个CSS属性吗？我有一个弱内存,它以-webkit前缀开头

Answer 1

如果您使用,html5您可以使用:

<div id="divThatYouCanWriteStuffIn" contenteditable>
<!-- you can write in here -->
</div>

如果你把它与css结合起来:

#divThatYouCanWriteStuffIn {
    min-height: 4em; /* it should resize as required from this minimum height */
}

摆脱textareas 中的'恼人的小三角' :

textarea {
  resize: none;
}

JS Fiddle两个想法的演示.