手动更改图例标签内的内部文本

时间:2014-04-01 21:03:38

标签: html css

是否可以在图例标签内手动编辑文本,以便用户可以使用文本或标签元素?

<legend > Blablabla</legend>
<input type="text" value="Blablabla " ></input>

通过单击文本或标签元素,我可以键入我想要的任何内容,这将更改该文本,但使用图例,如果图例标记具有“禁用”属性则不可能。 我知道这是innerHTML与输入值,但是有可能以某种方式允许这样做吗?就像浏览器中的简单,手动更改(没有脚本可以做到这一点)??

1 个答案:

答案 0 :(得分:2)

实际上有一个实际上works in most browsers

的解决方案

contenteditable="true"添加到您的图例中,如下所示:

<legend contenteditable="true"> Blablabla</legend>

但这不会更新input元素。如果您想这样做,只需放弃legend元素并使用常规文字input