当前位置:Gxlcms > 数据库问题 > textarea 提交到数据库的内容,输出到 html 中显示正常的格式

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

时间:2021-07-01 10:21:17 帮助过:8人阅读

<!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 中显示正常的格式

标签:pac   textarea   body   box   click   class   log   cli   func   

人气教程排行