1. 程式人生 > >textarea 提交到數據庫的內容,輸出到 html 中顯示正常的格式

textarea 提交到數據庫的內容,輸出到 html 中顯示正常的格式

utf-8 html button 正常 post charset hit 輸出 innerhtml

<!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>

  

textarea 提交到數據庫的內容,輸出到 html 中顯示正常的格式