欢迎光临
我们一直在努力

jQuery与原生js获取文本框默认值的方法

以下是jQuery与原生js获取文本框默认值的方法,直接粘贴保存为HTML文档可用。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jQuery与原生js获取文本框默认值的方法</title>
	<script src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.js"></script>
	<style type="text/css">
		 	div,span{
			    width: 140px;
			    height: 140px;
			    margin: 20px;
			    background: #9999CC;
			    border: #000 1px solid;
				float:left;
			    font-size: 17px;
			    font-family:Roman;
			}
			
			div.mini{
			    width: 30px;
			    height: 30px;
			    background: #CC66FF;
			    border: #000 1px solid;
			    font-size: 12px;
			    font-family:Roman;
			}
	 </style>
	 <!--引入jquery的js库-->
	</head>
	<body>
		 <input type="text" value="用户邮箱/手机号/用户名"  id="b1"/><br>
		 <input type="password" value=""  id="b2"/><br>
		 <input type="button" value="登陆"  id="b3"/>
		
		 <br>	
	</body>
<script language="JavaScript">
	$("#b1").focus(function () {
        console.log("用JQ方法($(\"#b1\")[0].defaultValue)获取#b1的默认值:\n" + $("#b1")[0].defaultValue);
        console.log("用JS方法(this.defaultValue)获取#b1默认值:\n" + this.defaultValue);
    })
    $("#b2").focus(function () {
        $("#b2").val("");
    })
</script>
</html>

 

 

赞(0)
版权归原作者所有,如有侵权请告知。达维营-前端网 » jQuery与原生js获取文本框默认值的方法

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址