微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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中工作。

原文地址:https://www.jb51.cc/html5/168937.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。