求救啊！我用了一个<textarea>做了一个默认显示文字，可是想让文字换行这个怎么写啊？ - 开发者知识库

搜索本文相关内容

求救啊！我用了一个做了一个默认显示文字，可是想让文字换行这个怎么写啊？</a></h3> </center> <input type="hidden" name="voteNum" value="100"/> <div class="postinfo"> 本文转载自 <i class="icon-user"></i> <span>邓娇娇</span> <i class="icon-globe"></i> <a href="http://www.silva-art.net/blog/source/285012a9a3366cf3d14581f467abc13b.html" target="_blank">查看原文</a> <i class="icon-time"></i> <span>2011/09/13</span> <i class="icon-eye-open"></i> <span>10 </span> <i class="icon-tag"></i> <span><a href="http://www.silva-art.net/tag/ext.html" target="_blank">ext</a>/</span> <span><a href="http://www.silva-art.net/tag/显示.html" target="_blank">显示</a>/</span> <span><a href="http://www.silva-art.net/tag/tar.html" target="_blank">tar</a>/</span> <span><a href="http://www.silva-art.net/tag/换行.html" target="_blank">换行</a></span> <button class="btn btn-success btn-mini btn-collection">收藏</button> <span id="votes"></span> <span id="hint"></span> </div> <hr/> <div class="ad_title_down"> <input type="hidden" name="recommend_title" value="【No208】2018年最新node.js+ES+Koa2手把手教你开发一个短视频网站视频教程" id="recommend_title"/> <input type="hidden" name="recommend_url" value="http://www.javaxxz.com/thread-358796-1-1.html" id="recommend_url"/> <script type="text/javascript"> // blog_title_down_ad(); </script> <div style='height:250px;'> <span style='float:left;with:300px;height:250px;'>  <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-4353345653789615" data-ad-slot="7408747503"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </span> <span style='float:right;with:300px;height:250px;'> <script> (function() { var s = "_" + Math.random().toString(36).slice(2); document.write('<div style="" id="' + s + '"></div>'); (window.slotbydup = window.slotbydup || []).push({ id: "u3764189", container: s }); })(); </script> </span> </div> </div> <div class="media-body" id="content_div"> <div class="left_fixed"> <ul class="left_menu" id="share_box"> <li class="number-child"> <button class="left-fixed-btn btn-like btn-up" target="_self" title="点赞"> <a href="javascript:void(0);" class="iconbox border_purple" target="_blank"> <i class="icon iconfont icon-yixihuan icon-upNum"></i></a> <span class="txt" id="upNum">0</span> </button> </li> <li class="number-child"> <button class="left-fixed-btn btn-like btn-down" data-mod="popu_374" id="com-quick-collect" target="_self" title="差评"> <a href="javascript:void(0);" class="iconbox border_purple" target="_blank"> <i class="icon iconfont icon-jubao icon-downNum"></i></a> <span class="txt" style="color:grey" id="downNum">0</span> </button> </li> <li> <button class="left-fixed-btn btn-collection" id="com-quick-collect" target="_self" title="收藏"> <a href="javascript:void(0);" class="iconbox border_purple" target="_blank"><i class="icon iconfont icon-yishoucang"></i></a> </button> </li> <li class="bdsharebuttonbox bdshare-button-style0-16" data-mod="popu_172" data-bd-bind="1520478032837"> <a class="bds_tsina outside left-fixed-btn" data-cmd="tsina" title="分享到新浪微博" target="_blank"></a> <span class="iconbox border_red2"><i class="icon iconfont icon-xinlang"></i></span></li> <li class="bdsharebuttonbox bdshare-button-style0-16" data-mod="popu_172" data-bd-bind="1520478032837"> <a class="bds_weixin outside left-fixed-btn" data-cmd="weixin" title="分享到微信" target="_blank"></a> <span class="iconbox border_green"> <i class="icon iconfont icon-weixin"></i></span></li> <li class="bdsharebuttonbox bdshare-button-style0-16" data-mod="popu_172" data-bd-bind="1520478032837"><a class="bds_qzone outside left-fixed-btn" data-cmd="qzone" title="分享到QQ空间" target="_blank"></a> <span class="iconbox border_blue"><i class="icon iconfont icon-QQ"></i></span> </li> <li id="share_box"> <div class="bdsharebuttonbox bdshare-button-style0-16" data-bd-bind="1520478032837"></div> </li> </ul> </div> 我用〈textarea>这个做了一个默认提示文字，就是默认有文字，鼠标一点就没有了，这个效果，可是我想把默认提示的数了按条显示，就是想让他换行？这个怎么做啊？ <br> <br> 效果是这样的: <br> 1，sdfsdfasdf <br> 2，sdfsdfsdf <br> 3，sdfasdfsdafds <br> <br> 就是想让他竖着这样显示， <h2>9 个解决方案</h2> <div class="media-body" style="padding:3px;"> <h3 class="media-heading">#1</h3> <hr/> <div class="media"> 大家帮帮忙啊 </div> </div> <div class="media-body" style="padding:3px;"> <h3 class="media-heading">#2</h3> <hr/> <div class="media"> 不明白。。默认数据是写在html代码中还是用JS动态设置的？ </div> </div> <div class="media-body" style="padding:3px;"> <h3 class="media-heading">#3</h3> <hr/> <div class="media"> String str="1，sdfsdfasdf\n2，sdfsdfsdf\n3，sdfasdfsdafds"， <br> 再把str赋给text就可以了 </div> </div> <div class="media-body" style="padding:3px;"> <h3 class="media-heading">#4</h3> <hr/> <div class="media"> 加\r\n <br> <br> aaa\r\nbbb\r\n </div> </div> <div class="media-body" style="padding:3px;"> <h3 class="media-heading">#5</h3> <hr/> <div class="media"> <fieldset> <legend class="font_bold">引用 4 楼 fanchuanzhidu 的回复:</legend> <blockquote> 加\r\n <br> <br> aaa\r\nbbb\r\n </blockquote> </fieldset> <br> <br> +++ </div> </div> <div class="media-body" style="padding:3px;"> <h3 class="media-heading">#6</h3> <hr/> <div class="media"> <textarea name="textarea" cols="100" rows="4" style="color:#999; padding-top:10px; padding-left:10px;" onfocus="if (this.value=='1,消费提示第一条+\r\n2,消费提示第一条'){ this.value=''}" onblur="if ( this.value=='') { this.value='1,消费提示第一条+\r\n2,消费提示第一条'}">1,消费提示第一条+\r\n2,消费提示第一条</textarea> <br> <br> <br> 我加了还是不行啊？就是上边这个代码？各位在帮帮看看吧！ </div> </div> <div class="media-body" style="padding:3px;"> <h3 class="media-heading">#7</h3> <hr/> <div class="media"> <pre class="brush: HTML"><textarea name="textarea" cols="100" rows="4" style="color:#999; padding-top:10px; padding-left:10px;"><br> </textarea><br> <br> <script type="text/javascript"><br> var str = "1,aaa\n2,bbb\n3,ccc";<br> var textarea = document.getElementsByName('textarea')[0];<br> textarea.value = str;<br> textarea.onfocus = function() {<br> if (this.value == str) this.value = '';<br> }<br> textarea.onblur = function() {<br> if (this.value == '') this.value = str;<br> }<br> </script></pre> </div> </div> <div class="media-body" style="padding:3px;"> <h3 class="media-heading">#8</h3> <hr/> <div class="media"> 谢谢你，ok了，特别感谢， </div> </div> <div class="media-body" style="padding:3px;"> <h3 class="media-heading">#9</h3> <hr/> <div class="media"> <textarea name="textarea" cols="100" rows="4" style="color:#999; padding-top:10px; padding-left:10px;" onfocus="if (this.value=='1,消费提示第一条+\r\n2,消费提示第一条'){ this.value=''}" onblur="if ( this.value=='') { this.value='1,消费提示第一条+ <span style="color: #FF0000;">换行的地方手动敲一下回车</span>\n2,消费提示第一条'}">1,消费提示第一条+\r\n2,消费提示第一条</textarea> <br> </div> </div> </div> <div class="list-group-head"><i class="icon-th-list icon-white"></i><span style="margin-left:5px">智能推荐</span></div> <ins class="adsbygoogle" style="display:inline-block;width:650px;height:500px" data-ad-client="ca-pub-4353345653789615" data-ad-slot="6091749648"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <script type="text/javascript"> dashuang(); </script> </div> <script type="text/javascript"> blog_content_down_ad(); </script> <br/> <div class="alert alert-block"> <button type="button" class="close" data-dismiss="alert">×</button> <h4>注意！</h4> <p>本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系我们删除。</p> </div> <br/><br/> </div> <div class="timeout_show"> <input type="hidden" name="related_url" value="http://www.silva-art.net/blog/2015/07/08/d3478ef21530.html" id="related_url"/> <script type="text/javascript"> timeout_show(); </script> </div>  <div class="span4 left_content" style="margin-left:5px;"> <div id="left_list_div" class="left_content"> <div class="list-group-head"><i class="icon-th-list icon-white"></i><span style="margin-left:5px">猜您在找</span></div> <a class="list-group-item" href="http://www.silva-art.net/blog/2015/08/18/7b5f62b7b31c013b8ad93a6947b872db.html" title="textarea 点击文本框文字消失，我做了一个但是textarea默认值不显示怎么回事">textarea 点击文本框文字消失，我做了一个但是textarea默认值不显示怎么回事</a> <a class="list-group-item" href="http://www.silva-art.net/blog/2016/10/09/b909f01477fb96b534040df0f075fa99.html" title="设置textarea的默认显示的文字？">设置textarea的默认显示的文字？</a> <a class="list-group-item" href="http://www.silva-art.net/blog/2015/07/08/d3478ef21530.html" title="解决 textarea 没有value 无法显示默认文字">解决 textarea 没有value 无法显示默认文字</a> <a class="list-group-item" href="http://www.silva-art.net/blog/2017/06/06/51c1e02c42960af10d22bd205393ee88.html" title="textarea placeholder文字换行">textarea placeholder文字换行</a> <a class="list-group-item" href="http://www.silva-art.net/blog/2017/03/02/b50f2d49ce740369ef24a6968e2dd07.html" title="如何让textarea的placeholder中的文字换行">如何让textarea的placeholder中的文字换行</a> <span id="javaxxz_list_ad" style="display:none"> <a class="list-group-item" href="http://www.javaxxz.com/thread-358796-1-1.html" title="【No208】2018年最新node.js+ES+Koa2手把手教你开发一个短视频网站视频教程" target="_blank">【No208】2018年最新node.js+ES+Koa2手把手教你开发一个短视频网站视频教程</a> <a class="list-group-item" href="http://www.javaxxz.com/thread-366899-1-1.html" title="【No270】安卓从零开始手把手教你开发一个带服务端的IM即时通讯安卓APP应用" target="_blank">【No270】安卓从零开始手把手教你开发一个带服务端的IM即时通讯安卓APP应用</a> </span> <script type="text/javascript"> // blog_related_list_down_ad(); </script> <div class="list-group-head left_content_head" id="ad_300_600"><i class="icon-th-list icon-white"></i><span class="m_left_5">赞助商链接</span></div><span class="list-group-item">  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4353345653789615" data-ad-slot="7891392414" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </span> </div> </div> </div> </div> <div class="clear"> </div> <div class="fbar" style="z-index:100"> <div class="span7" style="color:grey;font-size:12px;"> </div> <div class="pull-right"> <span>© 2014-2019 ITdaan.com </span> <span><a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备14056181号</a> </span> </div> </div>  <div id="collection_model" class="modal hide fade" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">收藏本文</h3> </div> <div class="modal-body"> <p> 添加到收藏夹 *</p> <p id="collection_group_list"> </p> <p> <label class="radio"><input name="collection_group" type="radio" value="-1"/> <input type="text" placeholder="收藏夹名称" name="collection_group_name"></label></p> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button><a class="btn btn-success" id="collection_btn_sure">确定</a> </div> </div> <script src="http://www.silva-art.net/js/code.js?version=20190629"></script> <script charset="gbk" src="http://www.silva-art.net/js/opensug.js?version=20190629"></script> <script type="text/javascript"> globle_all_pc(); </script> <div id="ad_left" style="position:absolute;width:160px;height:600px;z-index:10;top:60px;text-align:left"><a style="position:absolute;top:-15px;left:0;" href="javascript:void(0);" onclick="document.getElementById('ad_left').style.display='none'"></a>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4353345653789615" data-ad-slot="5435747322" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div id="ad_right" style="display:none;position:absolute;width:160px;height:600px;z-index:10;top:60px;text-align:right;"><a style="position:absolute;top:-15px;right:0;" href="javascript:void(0);" onclick="document.getElementById('ad_right').style.display='none'"></a> <script type="text/javascript"> global_right_ad(); </script> </div> <script type="text/javascript"> var browser={ie6:function(){return((window.XMLHttpRequest==undefined)&&(ActiveXObject!=undefined))},getWindow:function(){var myHeight=0;var myWidth=0;if(typeof(window.innerWidth)=='number'){myHeight=window.innerHeight;myWidth=window.innerWidth}else if(document.documentElement){myHeight=document.documentElement.clientHeight;myWidth=document.documentElement.clientWidth}else if(document.body){myHeight=document.body.clientHeight;myWidth=document.body.clientWidth}return{'height':myHeight,'width':myWidth}},getScroll:function(){var myHeight=0;var myWidth=0;if(typeof(window.pageYOffset)=='number'){myHeight=window.pageYOffset;myWidth=window.pageXOffset}else if(document.documentElement){myHeight=document.documentElement.scrollTop;myWidth=document.documentElement.scrollLeft}else if(document.body){myHeight=document.body.scrollTop;myWidth=document.body.scrollLeft}return{'height':myHeight,'width':myWidth}},getDocWidth:function(D){if(!D)var D=document;return Math.max(Math.max(D.body.scrollWidth,D.documentElement.scrollWidth),Math.max(D.body.offsetWidth,D.documentElement.offsetWidth),Math.max(D.body.clientWidth,D.documentElement.clientWidth))},getDocHeight:function(D){if(!D)var D=document;return Math.max(Math.max(D.body.scrollHeight,D.documentElement.scrollHeight),Math.max(D.body.offsetHeight,D.documentElement.offsetHeight),Math.max(D.body.clientHeight,D.documentElement.clientHeight))}};var dom={ID:function(id){var type=typeof(id);if(type=='object')return id;if(type=='string')return document.getElementById(id);return null},insertHtml:function(html){var frag=document.createDocumentFragment();var div=document.createElement("div");div.innerHTML=html;for(var i=0,ii=div.childNodes.length;i<ii;i++){frag.appendChild(div.childNodes[i])}document.body.insertBefore(frag,document.body.firstChild)}};var myEvent={add:function(element,type,handler){var ele=dom.ID(element);if(!ele)return;if(ele.addEventListener)ele.addEventListener(type,handler,false);else if(ele.attachEvent)ele.attachEvent("on"+type,handler);else ele["on"+type]=handler},remove:function(element,type,handler){var ele=dom.ID(element);if(!ele)return;if(ele.removeEventListener)ele.removeEventListener(type,handler,false);else if(ele.detachEvent)ele.detachEvent("on"+type,handler);else ele["on"+type]=null}};var position={rightCenter:function(id){var id=dom.ID(id);var ie6=browser.ie6();var win=browser.getWindow();var ele={'height':id.clientHeight,'width':id.clientWidth};if(ie6){var scrollBar=browser.getScroll()}else{var scrollBar={'height':0,'width':0};id.style.position='fixed'}ele.top=parseInt(ele.top+scrollBar.height);id.style.top=ele.top+'px';id.style.right='3px'},floatRightCenter:function(id){position.rightCenter(id);var fun=function(){position.rightCenter(id)};if(browser.ie6()){myEvent.add(window,'scroll',fun);myEvent.add(window,'resize',fun)}else{myEvent.add(window,'resize',fun)}},leftCenter:function(id){var id=dom.ID(id);var ie6=browser.ie6();var win=browser.getWindow();var ele={'height':id.clientHeight,'width':id.clientWidth};if(ie6){var scrollBar=browser.getScroll()}else{var scrollBar={'height':0,'width':0};id.style.position='fixed'}ele.top=parseInt(ele.top+scrollBar.height);id.style.top=ele.top+'px';id.style.left='3px'},floatLeftCenter:function(id){position.leftCenter(id);var fun=function(){position.leftCenter(id)};if(browser.ie6()){myEvent.add(window,'scroll',fun);myEvent.add(window,'resize',fun)}else{myEvent.add(window,'resize',fun)}}}; function ad_left(){ // var html; // html = ''; // dom.insertHtml(html); $('#ad_left').show(); position.floatLeftCenter('ad_left'); } function ad_right(){ // var html; // html = ''; // dom.insertHtml(html); $('#ad_right').show(); position.floatRightCenter('ad_right'); } myEvent.add(window,'load',ad_left); myEvent.add(window,'load',ad_right); </script>  <div class="float_layer" id="miaov_float_layer" style="z-index:100;"> <h2> <b>赞助商广告</b> <a id="btn_min" href="javascript:;" class="min"></a> <a id="btn_close" href="javascript:;" class="close"></a> </h2> <div class="content"> <div class="wrap2"> <script type="text/javascript"> right_pop_300_250_pc(); </script> </div> </div> </div> <script type="text/javascript"> function miaovAddEvent(oEle, sEventName, fnHandler) { if(oEle.attachEvent) { oEle.attachEvent('on'+sEventName, fnHandler); } else { oEle.addEventListener(sEventName, fnHandler, false); } } function startMove(obj, iTarget, fnCallBackEnd) { if(obj.timer) { clearInterval(obj.timer); } obj.timer=setInterval ( function () { doMove(obj, iTarget, fnCallBackEnd); },30 ); } function doMove(obj, iTarget, fnCallBackEnd) { var iSpeed=(iTarget-obj.offsetHeight)/8; if(obj.offsetHeight==iTarget) { clearInterval(obj.timer); obj.timer=null; if(fnCallBackEnd) { fnCallBackEnd(); } } else { iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed); obj.style.height=obj.offsetHeight+iSpeed+'px'; ((window.navigator.userAgent.match(/MSIE 6/ig) && window.navigator.userAgent.match(/MSIE 6/ig).length==2)?repositionAbsolute:repositionFixed)() } } function repositionAbsolute() { var oDiv=document.getElementById('miaov_float_layer'); var left=document.body.scrollLeft||document.documentElement.scrollLeft; var top=document.body.scrollTop||document.documentElement.scrollTop; var width=document.documentElement.clientWidth; var height=document.documentElement.clientHeight; oDiv.style.left=left+width-oDiv.offsetWidth+'px'; oDiv.style.top=top+height-oDiv.offsetHeight+'px'; } function repositionFixed() { var oDiv=document.getElementById('miaov_float_layer'); var width=document.documentElement.clientWidth; var height=document.documentElement.clientHeight; oDiv.style.left=width-oDiv.offsetWidth+'px'; oDiv.style.top=height-oDiv.offsetHeight+'px'; } repositionFixed(); </script>  <span style="display:none">  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://www.silva-art.net/hm.js?b08728447e2a1a7388d5639bd2a14595"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-143082825-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-143082825-1'); </script> </span> <script type="text/javascript"> setTimeout(function($){ window.csdn.fixedSidebar({ targetBox: $('#ad_300_600'), //判断到达底部的div,公共footer可选 $('.persion_article'),$('.public_pc_right_footer2018') mainBox: $(".span8"), //侧边栏旁边的主体div,默认 $("main") sidebar: $("#left_list_div"), //侧边栏,默认 $("aside") direction: 'right', //侧边栏浮动方向,可选'right','left', position: 'fixed',//定位方式 bottom: 0, zIndex: 99, sidebarRightMargin: 8,//direction为left,侧边栏距离mainbox的右边距 sidebarLeftMargin: 8,//direction为right,侧边栏距离mainbox的左边距 }) },0,jQuery) </script> </body> </html>