单击Div中的文本并键入以更改它

Question

这是我的HTML：

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

这是我的CSS：

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

我正在尝试像谷歌那样做，当你点击文本时，它允许你编辑它。我不知道css或者Div本身是否有东西让我能够做到这一点。

Answer 1

您可以使用contenteditable进行修改text或div editable。

<强> HTML：

＆＃13;

＆＃13;

<div contenteditable="true">This is an editable text.</div>

＆＃13;

＆＃13;

＆＃13;

Contenteditable

Answer 2

您可以为您的div添加contenteditable="true"属性。

参考：http://html5doctor.com/the-contenteditable-attribute/

Answer 3

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

＆＃13;

＆＃13;

<input type="text" placeholder="type some text here"/>

＆＃13;

＆＃13;

＆＃13;

Answer 4

嗨，你应该是contenteditable属性，这是一个很酷的html5功能

http://www.w3schools.com/tags/att_global_contenteditable.asp

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