textarea 提交到数据库的内容，输出到 html 中显示正常的格式

本文转载自查看原文 2016-10-31 17:38 3018


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
<style>
.inner{
    width:100px;
    white-space: pre-wrap; /* 自动换行操作 */
}
</style>
</head>
<body>    

    <textarea id="text"></textarea>
    <button id="btn">按钮</button>
    <!-- pre 中嵌套 inner -->
    <pre id="box"><div class="inner"></div></pre>
<script>

    var box = document.getElementById('box');
    var btn = document.getElementById('btn');
    var text = document.getElementById('text');
    btn.onclick = function(){
        box.getElementsByTagName('div')[0].innerHTML = text.value ;
    }
</script>
</body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 vue中(input组件)textarea文本提交到后端数据库，前端输出保存换行回车及修改显示 PHP实现从文本域textarea输入数据库并保持格式输出到html页面 Django如何把数据库里的html格式输出到前端 php表单怎么提交到数据库？ php连接数据库，并把数据库里表内容输出到页面上 prettytable：像数据库一样格式化输出内容 jquery 解析数据库中的json日期为正常的格式 jsp页面提交到数据库中文乱码 javafx将数据库内容输出到tableview表格制作批处理工具，将oracle数据库中的内容导出到csv中