input框内显示文字，输入时隐藏

本文转载自查看原文 2018-06-25 18:58 3057 HTML+CSS

　　一般是用单独文字定位到框中间，用js判定点击事件或输入事件是隐藏文字。

　　css中placeholder属性可以快速实现这个功能，用法：在input标签中添加这个属性，然后其属性赋值就是需要看见的文本

免责声明！

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

猜您在找 input输入框内，焦点后文字消失；placeholder 与 value 区别 Input输入框内容限制执行js，通过js显示隐藏的输入框，或者给input赋值 input输入框清除按钮的显示与隐藏 input 只可以输入时分秒 /

输入框设置默认提示文字（隐藏式）
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/ad507a1.html" title="微信小程序获取input输入框内容">
			           <i class="icon-fire"></i>
			           
			           微信小程序获取input输入框内容
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/c8dd181.html" title="jquery 操作 input显示或者隐藏">
			           
			           <i class="icon-file"></i>
			           jquery 操作 input显示或者隐藏
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/7c436f1.html" title="控制input输入框中提示信息的显示和隐藏的方法">
			           
			           <i class="icon-file"></i>
			           控制input输入框中提示信息的显示和隐藏的方法
			           </a>
			       			       
			   
			       
			       
			           
			           <a class='list-group-item' href="/blog/b4b1121.html" title="可以使用css的方式让input不能输入文字吗？">
			           
			           <i class="icon-file"></i>
			           可以使用css的方式让input不能输入文字吗？
			           </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-2026 CODEPRJ.COM </span> 
	</div>
</div>
<script src="/js/code.js?version=20260212"></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>