您的位置：首页 > 其它

表单获取焦点失去焦点

2015-09-11 11:30 295 查看 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单非空校验</title>
<script type="text/javascript" src="jquery.min.js"></script>
<style>
.wait{color: green}
</style>
</head>
<body>
<input type="text" class="ipt">
<script type="text/javascript">
$(function(){
$(".ipt").blur(function(){
if($(this).val()==""){
$(".ipt").val("请输入关键词").addClass("wait");
}
});
$(".ipt").focus(function(){
if($(".ipt").val()=="请输入关键词"){
$(".ipt").val("").removeClass("wait");
}
});
})
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航