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

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

    <textarea ></textarea>
    <button >按钮</button>
    <!-- pre 中嵌套 inner -->
    <pre ></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>