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中