textarea中提示文本的实现,默认显示,点击消失

textarea中提示文本的实现,默认显示,点击消失完美解决textarea输入框提示文字,必须添加默认内容<input/>有placeholder标签,可以添加提示文字,但是<

大家好,欢迎来到IT知识分享网。

完美解决textarea输入框提示文字,必须添加默认内容

<input/>有placeholder标签,可以添加提示文字 ,但是<textarea>没有;所以提出以下解决方案

1.

<textarea id="t" rows="20" cols="20"></textarea> <script> var t = document.getElementById('t'); let aaa = '项目需求概要'; t.innerHTML=aaa; t.onfocus = function(){ if(this.value == aaa){this.value = ''} }; t.onblur = function(){ if(this.value == ''){ this.value = aaa; } }; </script> 

2.

<textarea cols="50" rows="5" id="textarea" onfocus="if(value=='限100字'){value=''}" onblur="if (value ==''){value='限100字'}">限100字</textarea> 

3.

这你需要把id=’note’的div 定位到textarea上面

 <div style="position:relative;"> <textarea class="textarea" onfocus="document.getElementById('note').style.display='none'" onblur="if(value=='')document.getElementById('note').style.display='block'"></textarea> <div id="note" class="note"> <font color="#777">项目需求概要</font> </div> </div> 

4.

<script type="text/javascript"> //提示内容:(默认值) var c = '请输入内容:'; function on_focus(obj){ obj.value = obj.value==(!!arguments[1]?arguments[1]:c)?'':obj.value; } function on_blur(obj){ obj.value = obj.value==''?(!!arguments[1]?arguments[1]:c):obj.value; } </script> 
textarea中提示文本的实现,默认显示,点击消失

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/55296.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信