使用HTML5，如何在表单提交中使用contenteditable字段？

  • Z时代
  • 2024-01-10
  • 分类：问答

因此，我有一堆段落元素是从数据库动态填充的。我已经使元素内容可编辑。我现在想通过标准表单提交将编辑提交回数据库。有没有一种方法可以将contenteditable元素发布回去？

回答：

您必须使用javascript的一种或另一种方式，它不能像textarea之类的那样用作“标准”表单元素。如果愿意，可以在表单内创建一个隐藏的文本区域，然后在表单的onsubmit函数中将可编辑内容的innerHTML复制到该文本区域的值。另外，您可以使用ajax

/ xmlHttpRqeuest手动提交一些内容。

function copyContent () {
    document.getElementById("hiddenTextarea").value =  
        document.getElementById("myContentEditable").innerHTML;
    return true;
}
<form action='whatever' onsubmit='return copyContent()'>...

以上是 使用HTML5，如何在表单提交中使用contenteditable字段？ 的全部内容， 来源链接： utcz.com/qa/415837.html

回到顶部