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

前端之家收集整理的这篇文章主要介绍了使用HTML5,如何在表单提交中使用contenteditable字段?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我有一些段动态填充从一个数据库元素。我已经使元素适合。我现在要通过标准表单提交来提交修改回db。有没有办法发布contenteditable元素回来?

解决方法

你必须使用javascript单向或其他,它不会作为一个“标准”表单元素,它将与textarea或类似的。如果你喜欢,你可以在你的窗体中创建一个隐藏的文本区域,并且在窗体的onsubmit函数中将contenteditable的innerHTML复制到textarea的值。或者,您可以使用ajax / xmlHttpRqeuest更多地手动提交的东西。
function copyContent () {
    document.getElementById("hiddenTextarea").value =  
        document.getElementById("myContentEditable").innerHTML;
    return true;
}


<form action='whatever' onsubmit='return copyContent()'>...

猜你在找的HTML5相关文章