<pre>标签让<textarea>标签的内容原样输出

当通过<textarea>插数据进数据的库,取出来后都变成一行变成,用这个<pre>标签能原样输入插入时的格式。

当时要对<pre>加一些CSS样式才行啦。

以下为引用的内容:

<style>
pre {
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break:break-all;
overflow:hidden;
}
</style>

该CSS方案可让pre标签内的文本自动换行,我在我有的浏览器上都测试了一下,全部支持,IE6,IE7, IE8, Firefox, Opera, Safari和Chrome。

仅当你把窗口缩小到小于20个字符的宽度的时候,才会超出边界

<pre>标签让<textarea>标签的内容原样输出

时间: 2024-10-29 23:10:42

<pre>标签让<textarea>标签的内容原样输出的相关文章

HTML 表单标签之textarea标签的学习

标签定义及使用说明 <textarea> 标签定义一个多行的文本输入控件. 文本区域中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier). 可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小,不过更好的办法是使用 CSS 的 height 和 width 属性. 属性 属性 值 描述 autofocus autofocus 规定当页面加载时,文本区域自动获得焦点. cols number 规定文本区域内可见的列数. disabled disa

Maven项目配置EL表达式原样输出解决方法

Maven搭建的web项目 在jsp页面使用EL表达式时,EL表达式内容原样输出导致异常问题.pom.xml文件需要添加以下jar包引用 1 <dependency> 2 <groupId>javax.servlet</groupId> 3 <artifactId>jstl</artifactId> 4 <version>1.2</version> 5 </dependency> 6 7 <depende

花了一早上的时间(4个多小时)总结出来的教训:textarea标签中的文本内容不能够通过serialize()方法得到

1.先看一下完善的代码,也就是最终的答案! 2.以上结果是在几个小时的折磨之后才得出来的,程序猿不容易啊!可这个期间会经过很多弯路,请看下面: 2.1一开始是这样:textarea标签在form表单内,直接用Jquery中的serialize()序列化: 2.2可是结果很悲催啊,当我新添加一条新闻时,我明明填写了新闻标题和内容,为什么提示为空呢?难道被Web黑洞吸收了? 我不相信,抱着坚定的信心寻找原因: *********************************************

&lt;div&gt;标签仿&lt;textarea&gt;。contentEditable=‘true’,赋予非表单标签内容可以编辑

需求:web页面需要一个文本输入框.1.该文本输入框默认状态下有个仿‘placeholder’的默认文本提示信息,2.文本框输入状态下其高度会随文本内容自动撑开. 方案选择:1.使用<textarea>标签.但是标签高度不会随文本高度自动撑开,而是出现滚动条.使用JS动态计算文本内容高度赋予<textarea>标签高度. 2.使用<div>或者<p>.<span>等非表单标签,通过赋予其contentEditable='true'属性,是其获得内

textarea标签输出内容时不能顶格(左对齐)输出

我用textarea输出文本内容的时候出现下面的问题:文本内容在action里测试没有问题(文本内容前面没有空格),但是在jsp页面textare标签中输出文本内容时,文本内容前面却出现一些多余的空格. 代码如下: [html] view plain copy <td> <textarea rows="8" cols="34" readonly="readonly"> <%=MyTools.toChinese(myW

关于textarea标签设置value的问题

今天做一个项目的时候,要在一个编辑的jsp页面的textarea标签设置value属性,结果发现他没有value属性,但是是编辑页面又必须要回显要修改的内容,所以在参考了w3cschool之后很轻松的解决了这个问题. <s:property value="courseDescription"/>该标签的作用是显示需要编辑的内容,而textarea标签是没有value属性用来显示的, 经过查询网w3cschool可以直接写在<textarea></texta

HTML &lt;textarea&gt; 标签的 rows 属性

实例 一个 25 个字符宽 3 行高的文本区: <textarea rows="3" cols="20"> 在w3school,你可以找到你所需要的所有的网站建设教程. </textarea> 亲自试一试 定义和用法 rows 属性规定 textarea 的可见高度. 语法 <textarea rows="value"> 属性值 值 描述 number 规定文本区的高度(以行数计). HTML <text

HTML &lt;textarea&gt; 标签

<textarea> 标签 maxlength 属性是 <textarea> 标签在 HTML5 中的新属性,maxlength 属性规定文本区域的最大长度(以字符计) 其中,Internet Explorer 10.Firefox.Chrome 以及 Safari 支持 maxlength 属性 1.限制的长度: <textarea name="message" placeholder='请留言' cols="45" rows=&qu

使用textarea标签按Enter键后web页面中成换行 vue

对于textarea标签的换行问题,其实就是要将textarea里的Enter键替换成web页面中"<br/>". 以下是我的一些方法. 首先我是写一个方法(methods) formatSolution(s) { if (s) { return s.replace(/\s/g,'<br/>') } else return '' }, 然后在到html找到相应的位置. <tbody> <tr v-for="(x,index) in f