使<li>标签可编辑

时间:2016-05-30 11:08:28

标签: javascript html css textarea

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

它应该包含子弹和类似textarea的东西。 enter image description here

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将高度扩展到底部。

1 个答案:

答案 0 :(得分:5)

也许您正在寻找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>