jQuery动态修改placeholder
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单</title>
<script src="jquery-1.8.0.min.js"></script><!--请引入jq库-->
<style type="text/css"></style>
<script>
$(function(){
var inp = $('#inp');
inp.focus(function(){
$(this).attr('placeholder','请输入企业名')
})
})
</script>
</head>
<body>
<input type="text" id="inp" placeholder="请输入用户名">
</body>
</html>
扩展资料
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>XXX</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script language="JavaScript" src="../js/jquery-1.4.2.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" placeholder="用户邮箱/手机号/用户名" id="b1"/><br>
<input type="password" value="" id="b2"/><br>
<input type="button" value="登陆" id="b3"/>
<br>
</body>
<script language="JavaScript">
$("#b1").focus(function(){
$(this).attr('placeholder',"");
});
$("#b1").blur(function(){
if($(this).val()==""){
$(this).attr('placeholder','${sessionScope.xxxxxxx}');
}
});
</script>
</html>
参考资料：jQuery官网 jQuery.html
html>
<html
lang="en">
<head>
<meta
charset="UTF-8">
<title>表单</title>
<script
src="jquery-1.8.0.min.js"></script><!--请引入jq库-->
<style
type="text/css"></style>
<script>
$(function(){
var
inp
=
$('#inp');
inp.focus(function(){
$(this).attr('placeholder','请输入企业名')
})
})
</script>
</head>
<body>
<input
type="text"
id="inp"
placeholder="请输入用户名">
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
<script src="jquery-1.8.0.min.js"></script><!--请引入jq库-->
<style type="text/css"></style>
<script>
$(function(){
var inp = $('#inp');
inp.focus(function(){
$(this).attr('placeholder','请输入企业名')
})
})
</script>
</head>
<body>
<input type="text" id="inp" placeholder="请输入用户名">
</body>
</html>
