一尘不染

使用HTML5,如何在表单提交中使用contenteditable字段?

html

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


阅读 497

收藏
2020-05-10

共1个答案

一尘不染

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

function copyContent () {
    document.getElementById("hiddenTextarea").value =  
        document.getElementById("myContentEditable").innerHTML;
    return true;
}


<form action='whatever' onsubmit='return copyContent()'>...
2020-05-10