如何让用户在不使用输入字段的情况下将文本输入<li>?</li>

时间:2012-06-18 16:29:32

标签: jquery

文本占位符是列表项列表。

有什么想法吗?

3 个答案:

答案 0 :(得分:3)

您只需将contentEditable属性添加到相关的li元素:

即可
<li contentEditable>placeholder text</li>

然而,这不一定是一个很好的解决方案,因为contentEditable的跨浏览器支持,并且因为您没有指定您的意图(它们是否可以为用户的娱乐而编辑,或者您是否将更改的文本提交到数据库或在某种脚本中使用客户端值?)。

答案 1 :(得分:0)

也许您可以将.keypress()事件附加到LI项目并根据密钥切换?

修改 好吧,如果有人感兴趣,似乎时髦的keypress()方法可以工作,如果我们将它附加到页面的主体。请参阅jsfiddle http://jsfiddle.net/reygonzales/36RX3/9/

答案 2 :(得分:-1)

像这样放置contenteditable =“true”的属性:

<li contenteditable="true">text to edit</li>

我从头开始构建kitgui.com并使用这种技术。我会看一下UI中的技术,这样你就可以了解一个好的INLINE方法

你还需要一种方法让人们保存物品,这是一个完整的答案