使 <li> 个标签可编辑

Question

我需要 html <ul> 列表。

它应该包含项目符号和文本区域之类的东西。

textarea{
  border : none;
}
.custom-txt-area{border-bottom : 1px dashed red;}

<ul>
  <li>
    <textarea class="custom-txt-area" rows="1"></textarea>
  </li>
  <li>
    <textarea class="custom-txt-area" rows="1"></textarea>
  </li>
</ul>

这是非常典型的例子。这里的问题 - 如果它包含超过 1 行，我无法 textarea 将它的高度扩展到底部。

Answer 1

也许您正在寻找 contentEditable:

jsFiddle

<ul>
      <li contenteditable="true">Edit ME!</li>
      <li contenteditable="true">Edit ME!</li>
      <li contenteditable="true">Edit ME!</li>
      <li contenteditable="true">Edit ME!</li>
      <li contenteditable="true">Edit ME!</li>
      <li contenteditable="true">Edit ME!</li>
    </ul>

使 <li> 个标签可编辑

Make <li> tags editable

html

javascript

css

textarea