码迷,mamicode.com
首页 > 其他好文 > 详细

不用placeholde写的提示

时间:2015-08-09 20:13:12      阅读:98      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
window.onload=function(){
//账号提示
var uname=document.getElementById("uname");
uname.onfocus = function () {
uname.value = "";
}
uname.onblur = function () {
if (uname.value) {
return uname.value;
} else {
uname.value = "请输入账号名";
}
}
/**
* 密码提示
* 提示的时候,type为text,输入密码的时候type为password
*/
var pwd=document.getElementById("pwd");
pwd.onfocus = function(){
pwd.type = "password";
pwd.value = "";
}
pwd.onblur = function(){
if(pwd.value.length==0){
pwd.type = "text";
pwd.value = "请输入密码";
}else{
pwd.typs = "password";
}
}
}
</script>
</head>
<body>
<form action="#" method="post">
<div>
<table>
<tr>
<td colspan="2"><input type="text" value="请输入账号名" id="uname"></td>
<!--<td><span id="ts1"></span></td>-->
</tr>
<tr>
<td colspan="2"><input type="text" value="请输入密码" id="pwd"></td>
<!--<td><span id="ts2"></span></td>-->
</tr>
<tr>
<td><input type="button" value="登录"></td>
<td><input type="reset" value="重置" ></td>
</tr>
</table>
</div>
</form>

</body>
</html>

不用placeholde写的提示

标签:

原文地址:http://www.cnblogs.com/cdrzt/p/4716183.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!