css - 如何使用 div 元素创建输入或文本区域(放置输入文本)

Question

我想用 div 元素创建一个输入文本的地方，例如 input 或 textarea，但我不知道。

请告诉我这件事。

我还希望这个 div 像输入一样，当点击它时光标会变成 Blinker。

Answer 1

以下是您要查找的内容。

HTML

<div id="editable" contentEditable="true"></div>

CSS(不是必需的，只是为了让 DIV 看起来像输入框)

#editable{
    border: 1px solid black;
    height: 100px;
    width: 400px;
}

Working Demo

注意:请参阅 Aditya 对浏览器兼容性的回答。如果您想支持该列表之外的任何浏览器，请不要使用它。