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删除。

猜您在找 inupt textarea提示文字（点击消失，不输入恢复）及限制字数用JS来实现输入框提示文字点击时消失 input和textarea框中点击文字消失,默认字体是灰色,,输入时字体变成黑色 input点击后placeholder中的提示消息消失,而不是输入文字的时候消失

输入框提示文字
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/6923061.html" title="HTML 5 <input> placeholder 属性 实现搜索框提示文字点击输入后消失">
			           <i class="icon-fire"></i>
			           
			           HTML 5 <input> placeholder 属性 实现搜索框提示文字点击输入后消失
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/2f214b1.html" title="input输入框默认文字，点击消失">
			           <i class="icon-fire"></i>
			           
			           input输入框默认文字，点击消失
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/5d98a11.html" title="CSS实现input默认文字灰色有提示文字点击后消失鼠标移开显示">
			           <i class="icon-fire"></i>
			           
			           CSS实现input默认文字灰色有提示文字点击后消失鼠标移开显示
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/5a52851.html" title="html中input文本框，初始里边有文字提示，当点击时，文字消失，怎么设置？">
			           <i class="icon-fire"></i>
			           
			           html中input文本框，初始里边有文字提示，当点击时，文字消失，怎么设置？
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/67e28a1.html" title="textarea的高度随输入文字的多少变化">
			           
			           <i class="icon-file"></i>
			           textarea的高度随输入文字的多少变化
			           </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=20251222"></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>