标签:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form id="form1" action=""> <input type="text" name="username" placeholder="请输入用户名"> <input type="password" name="password" placeholder="请输入密码"> <input type="text" name="email" placeholder="请输入邮箱"> </form> <script type="text/javascript"> (function(){ var elem = document.createElement(‘input‘); if(elem.placeholder !== undefined) return; var form = document.getElementById(‘form1‘), inputs = form.getElementsByTagName(‘input‘), i,input,value,type; for(i in inputs){ input = inputs[i]; type = ‘text‘; if(input.type !== ‘text‘ && input.type !== ‘password‘) continue; if(input.type === ‘password‘){ type = ‘password‘; input.type = ‘text‘; } value = input.getAttribute(‘placeholder‘); input.value = value; (function(value,type){ input.onfocus = function(){ if(this.value === value) this.value = ‘‘; if(type === ‘password‘) this.type = ‘password‘; } input.onblur = function(){ if(this.value === ‘‘) this.value = value; if(this.value === value && type === ‘password‘) this.type = ‘text‘; } })(value,type); } })(); </script> </body> </html>
标签:
原文地址:http://www.cnblogs.com/gongshunkai/p/5845297.html