Html 单击Div中的文本并键入以进行更改

这是我的HTML：

<div class="div1" id ="div1" onclick="onStepClicked()" style ="text-align:center">Step 1</div>

---

我试着做一些谷歌做的事情，当你点击文本时，它允许你编辑它。我不知道css或Div本身是否有什么东西可以让我做到这一点。

您可以使用

contenteditable

进行编辑，使

文本

或

Div可编辑

HTML:

---

这是一个可编辑文本。

您可以向div添加

contenteditable=“true”

属性

---

参考资料：

您好，您应该使用contenteditable属性，这是html5的一个很酷的功能

---

这是一段。它是可编辑的。尝试更改此文本。

为什么不使用这样的输入元素

---

你说的“像谷歌一样”是什么意思？你确定它不是

？

的行为可能类似于具有可编辑内容的输入

.div1 {
        width: 300px;
        height: 100px;
        border: 1px solid blue;
        box-sizing: border-box;