2. 河豚号 > 生活百科 >

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

河豚侠 • 生活百科 • 2022-04-19 22:28:04 •

完美解决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中提示文本的实现，默认显示，点击消失

 

本文由网上采集发布，不代表我们立场，转载联系作者并注明出处：http://www.yujujie.cn/shbk/37483.html

相关推荐

联系我们

在线咨询：点击这里给我发消息

微信号：15705946153

工作日：9:30-18:30，节假日休息