当前位置:首页 > 经验

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

完美解决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>

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中提示文本的实现,默认显示,点击消失

声明:此文信息来源于网络,登载此文只为提供信息参考,并不用于任何商业目的。如有侵权,请及时联系我们:fendou3451@163.com
标签:

  • 关注微信

相关文章