我需要类似html <ul>的列表。

它应该包含项目符号和诸如textarea之类的内容。 javascript - 使&lt;li&gt;标签可编辑-LMLPHP

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>


这是非常简单的示例。这里的问题-如果textarea包含超过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>

10-01 15:43
查看更多