如何让用户在不使用输入字段的情况下将文本输入 <li>？ [关闭]

Posted 2023-05-07

【中文标题】如何让用户在不使用输入字段的情况下将文本输入 <li>？ [关闭]

【英文标题】：How to let users enter text into <li> without using input fields? [closed]

【发布时间】：2012-06-20 16:10:33

【问题描述】：

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

有什么想法吗？

【问题讨论】：

你能澄清你在找什么吗？

至少至少你应该澄清你的意图（你对改变后的列表项的文本做了什么？），如果可能的话，展示你的意图已经尝试过（不一定一定要尝试过，但如果您尝试过，它可以为我们提供一个起点）。

标题不是问题吗？

我不明白这些封闭式问题的论坛。这个问题非常明显和清楚。也许这超出了专业领域，所以在他们的困惑中，他们只是简单地结束了这个问题。这实际上更有意义。

【参考方案1】：

您可以简单地将contentEditable 属性添加到相关的li 元素中：

<li contentEditable>placeholder text</li>

这不一定是一个很好的解决方案，但是，由于对 contentEditable 的跨浏览器支持，并且因为您没有指定您的意图是什么（如果它们只是为了用户的娱乐而可编辑，或者您是将更改的文本提交到数据库或在某种脚本中使用客户端的值？）。

【讨论】：

它将被验证并保存在本地存储中。

【参考方案2】：

也许您可以将 .keypress() 事件附加到您的 LI 项目并根据键进行切换？

编辑： 好吧，如果有人感兴趣的话，如果我们将它附加到页面的主体上，那么时髦的 keypress() 方法似乎可以工作。见 jsfiddle http://jsfiddle.net/reygonzales/36RX3/9/

【参考方案3】：

像这样放置 contenteditable="true" 的属性：

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

我从头开始构建了 kitgui.com，它使用了这种技术。我会在那里查看 UI 中的技术，以便您了解一个好的 INLINE 方法

你还需要有一种方法让人们保存东西，这是一个完全不同的答案

【讨论】：

这就是答案，为什么要投反对票？这里有人很无知。

确实如此。正常的方法是使用输入字段来输入文本，我正在寻找一种不同的方法来寻找更清晰的代码。我还没有寻找完整的实现。 Contenteditable 将是一个好的开始。感谢那些提出建议的人。