100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 点击input文本框 文字消失 JS

点击input文本框 文字消失 JS

时间:2020-05-02 15:06:18

相关推荐

点击input文本框 文字消失  JS

<HTML><HEAD><title>点击input文本框,文字消失</title><script type="text/javascript">//得到焦点触发事件function OnfocusFun(element,elementvalue){if(element.value==elementvalue){element.value="";element.style.color="#000";}}//离开输入框触发事件function OnBlurFun(element,elementvalue){if(element.value==""||element.value.replace(/\s/g,"")==""){element.value=elementvalue;element.style.color="#999";}}</script></HEAD><body><div>点击<strong>输入框</strong>框内文字消失实例</div><div><span>账号:</span><input type="text" value="请输入用户名" id="UserId" οnfοcus="OnfocusFun(this,'请输入用户名')" style="color:#999" οnblur="OnBlurFun(this,'请输入用户名')"/></div><div><span>密码:</span><input type="text" value="请输入密码" id="Password" οnfοcus="OnfocusFun(this,'请输入密码')" οnblur="OnBlurFun(this,'请输入密码')" style="color:#999"/></body></HTML

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。