• 从textarea中获取数据后按原样显示


    方法一:

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <textarea name="" id="txt" cols="30" rows="10"></textarea>
    <input type="button" id="btn" value="点击按钮">
    <div id="desc"></div>
    </body>
    <script>
        var txt = document.getElementById('txt')
        var btn = document.getElementById('btn')
        var desc = document.getElementById('desc')
        btn.onclick = function () {
            var val = txt.value
            val = val.replace(/
    /g, '<br/>'); //IE9、FF、chrome
            val = val.replace(/
    /g, '<br/>'); //IE7-8
            val = val.replace(/s/g, ' '); //空格处理
            desc.innerHTML = val;
        }
    </script>
    </html>
    

      方法二:

    步骤:
    1. 用<pre><c:out value="<%=从数据库显示的字段%>"></c:out></pre>
    2. 显示页面中增加:
    <style type="text/css">
    pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    }
    </style>
    原文链接:https://blog.csdn.net/moneyzhong/article/details/8820324
    !!!!第二种方法很方便
  • 相关阅读:
    周日讲课材料下载
    基础图论练习题
    邻接表存图的小trick(存多个图)
    0/1分数规划
    四道期望题
    基础线性代数大记(二)三道高消题
    基础线性代数大记 (一)前言与行列式的定义
    概率期望小记
    基础线性代数小记
    给二维数组排版
  • 原文地址:https://www.cnblogs.com/zmh-980509/p/11622119.html
Copyright © 2020-2023  润新知