input获取焦点，默认值消失的js代码_JS、jQ、TS_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

input获取焦点，默认值消失的js代码

来源：未知作者：类型：文章教程点击次数：发布时间：2014-11-14 10:11:55

input输入框获取焦点时，如果是默认值，那么默认值会消失；input失去焦点时，如果input框为空，则用默认值填充上，运行下面的代码查看效果：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js输入框获取焦点默认值消失，失去焦点如果为空，默认值填充上 - 我爱模板网</title> </head> <body> <form name="" method="post" action="http://www.5imoban.net"> <input type="text" name="uname" value="请输入用户名" onfocus="if(this.value=='请输入用户名'){this.value=''}" onblur="if(this.value==''){this.value='请输入用户名'}" /> <input type="password" name="psw" value="请输入密码" onfocus="if(this.value=='请输入密码'){this.value=''}" onblur="if(this.value==''){this.value='请输入密码'}" /> <input type="submit" value="登陆" /> </form> </body> </html>
提示：您可以先修改部分代码再运行