码迷,mamicode.com
首页 > 其他好文 > 详细

textarea内部换行实现

时间:2015-09-01 10:42:53      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:

当在使用textarea的时候,有一次需求,需要做到自定义换行,而不是通过textarea定宽来自动换行,其实在html中可以直接通过<br/>来换行,同时也想到用\n来实现换行,其结果是根本不鸟你。

<textarea cols="50" rows="5" id="textareaid">"adfsadfs<br/>fddsadfds \n dfadadf"</textarea>

技术分享

百度几翻网上确实有说可以用\r\n去实现换行,如果只兼容微软系统的话直接\n即可,但是实验确实不行,后面想到是不是必须通过JS赋值才可以实现,于是出现如下代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <textarea cols="50" rows="5" id="textareaid">"adfsadfs<br/>fddsadfds \n dfadadf"</textarea>
    <script type="text/javascript">
    document.onclick=function(){
        alert(1);
        var str=5456455d4fgdfgdgdg \n dsfafdadfadfafa;
        document.getElementById("textareaid").value=str;
    }
    </script>
    
</body>
</html>

技术分享

成功的实现了textarea换行,所以我推断,要想实现textarea换行,必须得动态JS赋值才行。

测试地址

注:百度上有说明要想实现兼容linux,unix,Mac OS,window,可以把\n换成\r\n,但我在苹果系统下用\n也实现了换行,linux,unix系统下没测试个人感觉,求解

个人知道有限,如有错误的地方还望指正,共同学习共同进步!

textarea内部换行实现

标签:

原文地址:http://www.cnblogs.com/xwwin/p/4775010.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!