小樱知识 > 生活常识textarea设置默认值变灰（讲述textarea标签属性）

textarea设置默认值变灰（讲述textarea标签属性）

提问时间：2022-03-16 12:07:36来源：小樱知识网

完美解决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设置默认值变灰（讲述textarea标签属性）最佳回答，如果还想搜索其他问题，请收藏本网站或点击搜索更多问题

内容来源于网络仅供参考
二维码

扫一扫关注我们

版权声明：所有来源标注为小樱知识网www.xiaoyin02.com的内容版权均为本站所有，若您需要引用、转载，只需要注明来源及原文链接即可。

本文标题：textarea设置默认值变灰（讲述textarea标签属性）

本文地址：https://www.xiaoyin02.com/shcs/116257.html

上一篇：安装win7跳过创建用户（教你win7安装跳过创建账户）

下一篇：一个手机号注册两个微信有什么影响（免手机号注册微信小号）

相关文章

|网站首页| 生活常识| 家务日常| 自然科学| 数码解读| 运动有氧| 家庭美食| 恋爱情感| 常见问题| 生肖运势|

本网站属于科学类内容，传达严谨、科学的内容，专门聚焦于生活中的常识误区为大家解决常识问题

Copyright © 2022 小桜知识网 版权所有 京ICP备2021039702号-11

中国互联网诚信示范企业违法和不良信息举报中心网络110报警服务中国互联网协会中国互联网协会信用评价中心诚信网站