input onfocus,onblur

最新推荐文章于 2023-12-19 12:00:16 发布

b67834063218449

最新推荐文章于 2023-12-19 12:00:16 发布

阅读量243

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/summerXll/p/7119685.html

<input type="text" style="color: rgb(153, 153, 153);" value="用户名" class="clear-input" onfocus="cls(this,'用户名');" onblur="res(this,'用户名');" name="userId" id="userId" tabindex="1">

<div class="p-r">
	<span class="p-tips" id="onPass" style="display: block;">密码</span>
	<input onblur="showPass()" onfocus="hidePass();" oncut="return false" onpaste="return false" oncopy="return false" //input禁止复制，粘贴，剪切
tabindex="1" id="password" name="password" class="clear-input2" type="password">
</div>

function hidePass(){
	$('#onPass').hide();
}
function showPass(){
	if($('#password').val()==''){
	$('#onPass').show();
	}
}

function cls(obj,name) {
    if (obj.value == name) {
    obj.value = "";
    obj.style.color="#303238";
    }
}
function res(obj,name) {
    if (obj.value == "") {
    obj.value = name;
    obj.style.color="#999";
    }
}