inupt 或 textarea提示文字（点击消失，不输入恢复）

本文转载自查看原文 2019-05-21 10:53 593 HTML，jquery/ js/ css

<input name="textfield" type="text"  maxlength="20" value="请输入文字.." 
                                        onfocus="if (value =='请输入文字..'){value =''}"
                                        onblur="if (value ==''){value='请输入文字..'}" />  




<br><br>



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

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 input点击后placeholder中的提示消息消失,而不是输入文字的时候消失 CSS实现input默认文字灰色有提示文字点击后消失鼠标移开显示 Js制作点击输入框时默认文字消失的效果 /

输入框设置默认提示文字（隐藏式）
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/91f9081.html" title="微信小程序文本框textarea实时提示还可以输入多少文字">
			           <i class="icon-fire"></i>
			           
			           微信小程序文本框textarea实时提示还可以输入多少文字
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/a51da71.html" title="js计算textarea输入文字的长度">
			           
			           <i class="icon-file"></i>
			           js计算textarea输入文字的长度
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/2bfcb71.html" title="input&textarea表单提示文字">
			           
			           <i class="icon-file"></i>
			           input&textarea表单提示文字
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/b039f31.html" title="textarea输入文字显示已输入的字数和总字数">
			           
			           <i class="icon-file"></i>
			           textarea输入文字显示已输入的字数和总字数
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/c85acb1.html" title="搜索框输入文字自动提示">
			           
			           <i class="icon-file"></i>
			           搜索框输入文字自动提示
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/5789e61.html" title="input输入框内，焦点后文字消失；placeholder 与 value 区别">
			           
			           <i class="icon-file"></i>
			           input输入框内，焦点后文字消失；placeholder 与 value 区别
			           </a>
			       			       
			   
			   
			   <div id="right_float_ad" class="ad">
				</div>
			</div>
			</div>
		</div>
	</div>
    <div class="clear"> </div>

<div class="fbar" style="z-index:100">
	<div class="span7" style="color:grey;font-size:12px;">
	</div>
	<div class="pull-right">
		<span><a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">粤ICP备18138465号</a>  </span><span>© 2018-2025 CODEPRJ.COM </span> 
	</div>
</div>
<script src="/js/code.js?version=20251128"></script>
<script>
   function buffer(a, b, c) {
	    var d;
	    return function() {
	        if (d) return;
	        d = setTimeout(function() {
	            a.call(this),
	            d = undefined
	        },
	        b)
	    }
	}

(function() {
	    function e() {
	        var d = document.body.scrollTop || document.documentElement.scrollTop;
	        d > b ? (a.className = "div1 div2", c && (a.style.top = d - b + "px")) : a.className = "div1"
	    }
	    var a = document.getElementById("float");
	    if (a == undefined) return ! 1;
	    var b = 0,
	    c, d = a;
	    while (d) b += d.offsetTop,
	    d = d.offsetParent;
	    c = window.ActiveXObject && !window.XMLHttpRequest;
	    if (!c || !0) window.onscroll = buffer(e, 50, this)
	})();

</script>

</body>
</html>