html5 – 可以用contenteditable = true的div可以通过表单传递吗?

可以< div contenteditable =“true”>< a href =“page.html”> Some< / a>文字< / DIV>被用来代替texarea,然后以某种方式通过槽形式? 理想的没有JS

解决方法

Using HTML5,how do I use contenteditable fields in a form submission?

内容可编辑功能不适用于表单元素。只有javascript才能使其工作。

编辑:回应你的评论…这应该工作。

<script type="text/javascript">
    function getContent(){
        document.getElementById("my-textarea").value = document.getElementById("my-content").innerHTML;
    }
</script>


<div id="my-content" contenteditable="true"><a href="page.html">Some</a> Text</div>

<form id="form" action="some-page.PHP" onsubmit="return getContent()">
    <textarea id="my-textarea" style="display:none"></textarea>
    <input type="submit" />
</form>

我已经测试和验证,这在FF和IE9中工作。

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码