【文章推荐】控制input输入框中提示信息的显示和隐藏的方法

文章详情

原文：控制input输入框中提示信息的显示和隐藏的方法

一要求input输入框，在光标显示时，隐藏提示信息光标离开输入框时，显示提示信息。二方法给该input取id名，Onfocus 方法名 this ，onblur 方法名 this 声明变量value，通过id名获得该input function 方法名 inputObj 代码如下: if inputObj.value inputObj.value function 方法名 inputObj ...

2018-10-24 14:27 0 1541 推荐指数：

查看详情

HTML5基础 input placeholder 输入框里的提示信息

html result resource [ 教程 ] www.w3school.com.cn/html/index.asp [ 手册 ] www.w3c ...

小程序输入框设定默认提示信息

= e.target.dataset['prop'] 　　页面中用法: <input data-prop='值' bind ...

执行js，通过js显示隐藏的输入框，或者给input赋值

在测试过程中，有些输入框是隐藏的，如果直接对他进行赋值，会找不到这个输入框，从而导致脚本运行失败。例如下面的这个密码输入框：登录密码输入框分为两个input，下面的是提示的，上面的才是真正存下来的密码输入框，两个input是联动的，默认上面的输入框是隐藏的，如果直接赋值是找不到 ...

input输入框清除按钮的显示与隐藏

CSS样式： HTML结构： JS交互：应用到项目中的代码：可以参考“翼企购项目” 一开始我按照了最上面的代码，然后再调整边距问题，结果出现问题了：换不同手机会出现“X”号的位置有变化审查元素之后发现是：输入 ...

js单击输入框后弹出提示信息效果

运行效果： ...

密码输入框的显示与隐藏

密码的显示与隐藏只需切换type 为text，或者password。 html js ...

input输入框控制字数

HTML: <input class = "remark" type = "text" maxlength = "500"> JS: var $remarkInput = $('.remark'); $remarkInput.on('change',function(){ var ...

<input>/

<B>输入框</B>设置默认<B>提示</B>文字（<B>隐藏</B>式）</a>
					                <p class="post-item-summary">
					                      
html代码如下： 
<tr>    　　 <td>签   名：</td>    　　 <td><<B>input</B> type="text" name="signal" value=""></td> </tr> ...
					                </p>
					            </div>
					            <footer class="post-item-foot">
					                    <i class="icon-time"></i>
					                    <span>Mon Aug 19 07:11:00 CST 2019</span>
					                    <i class="icon-envelope"></i>
					                    <span>0</span>
					                    <i class="icon-eye-open"></i>
					                    <span>1083</span>
					                    <i class="icon-star"></i>
					                    <i class="icon-star"></i>
					                    <i class="icon-star"></i>
					                    
					                    
					            </footer>
					        </div>
					    </article>					
					
			    </div>
			</div>
			
			<div class="span4 left_content">
				<div class="page-header"><h3><small><i class="icon-tag"></i>相关标签</small></h3></div>
	             <ul class="nav nav-pills">
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/python' target="_blank">python(2406)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/java' target="_blank">java(2284)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/Linux' target="_blank">Linux(2250)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/Java' target="_blank">Java(2153)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/C＃' target="_blank">C#(2072)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/Python' target="_blank">Python(2034)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/JavaScript' target="_blank">JavaScript(1682)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/linux' target="_blank">linux(1667)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/vue' target="_blank">vue(1499)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/js' target="_blank">js(1450)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/javascript' target="_blank">javascript(1371)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/Android' target="_blank">Android(1237)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/前端' target="_blank">前端(1097)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/PHP' target="_blank">PHP(855)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/php' target="_blank">php(832)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/数据库' target="_blank">数据库(702)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/css' target="_blank">css(701)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/android' target="_blank">android(688)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/Vue' target="_blank">Vue(685)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/JAVA' target="_blank">JAVA(677)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/mysql' target="_blank">mysql(662)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/JS' target="_blank">JS(559)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/C＋＋' target="_blank">C++(546)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/CSS' target="_blank">CSS(538)</a></li>
			     
	 		      	<li class="tag-item"><a class="btn-link" href='/tag/jquery' target="_blank">jquery(511)</a></li>
			     
			     </ul>	
			   <div id="right_float_ad" class="ad">
				</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=20250602"></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>

原文：控制input输入框中提示信息的显示和隐藏的方法

相关推荐