Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js控制textarea自动换行的代码(图文)

js控制textarea自动换行的代码(图文)

发布时间:2014-09-05   编辑:www.jquerycn.cn
js实现的让textarea自动换行的代码,有需要的朋友可以参考下。

textarea自动换行的例子。
 

复制代码 代码示例:
<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>textarea是否自动换行_www.jquerycn.cn</TITLE>
</HEAD>
<BODY >
<p><input name=wrap type=checkbox onclick="if(this.checked){document.editsrc.source.wrap='hard'}else{document.editsrc.source.wrap='off'}">自动换行</P>
<form name=editsrc method=post>
<textarea cols=40 rows=10 name=source>检测是否自动换行</textarea>
</BODY>
</HTML>

效果如下图所示:
textarea自动换行

还有一个方法,可以通过css来让textarea自动换行。

添加两个属性 如下:
wrap="hard"  将软换行换行提交到服务器上去
style="word-wrap : break-word;"  软换行 自动换行

您可能感兴趣的文章:
js控制textarea自动换行的代码(图文)
JS限制Textarea文本域字符个数的代码分享(图文)
javascript限制文本框textarea输入字数的代码
js控制textarea输入框根据内容自动适应高度
js 可控制的图片幻灯切换效果
限制textarea每行输入字符串长度的js代码
js控制文本框自动适应文本长度的例子
html5实现把上传的图片转成base64编码在显示(代码实例)
javascript实现隔行变色函数代码一例
JS控制文本框只能输入N个字符代码

[关闭]