Css 如何使用div元素创建输入或文本区域（放置键入文本）

我想用

div

元素创建一个输入文本的地方，比如输入或

textarea

，但我不知道

请告诉我

---

另外，我想让这个

div

类似于点击光标时的输入意思成为闪烁体。

看看这是否是您想要的：

CSS:

HTML:

JS-Bin

备选方案：

<div contentEditable></div>

---

以下是您正在寻找的内容

HTML

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

注意：有关浏览器兼容性，请参阅Aditya的答案。如果您想支持该列表之外的任何浏览器，请不要使用此选项。

使用div的

contentEditable=“true”

属性

像这样：

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

---

但是要小心，这是HTML5，旧的浏览器不支持它。这就是你想要的吗？是的，我的朋友怎么做？请看下面我的答案。为什么你不想使用HTML输入或textarea元素？它们可以使用css设置样式，并可以响应javascript事件。此外，它的语义和可访问性。只是好奇。@Harry说得对-你回答了所问的问题。是的，你可以使用CSS（就像我在上面的示例中所做的那样）来设置div的样式，这样我的朋友在这个div更改事件中按enter键时可以吗？@mamal10：你会发现这篇帖子非常有用-

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

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

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