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

前端之家收集整理的这篇文章主要介绍了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相关文章