HTML表单密码框里的默认提示信息效果代码
2015-02-02 00:08
267 查看
<!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=gb2312" /> <title>密码框提示信息</title> <script language="javascript" type="text/javascript"> // JScript 文件 function getStar(control,logValue,txt) { if(control.value==logValue) { control.value=""; control.style.color="black"; if(control.type=="text"){ control.style.display = "none"; document.getElementById('pass').style.display = "block"; document.getElementById('pass').style.color="black"; document.getElementById('pass').value=""; document.getElementById('pass').focus();//加上 }else{ var pass = document.getElementById('pass').value; if(pass.length<1){ control.style.display = "none"; document.getElementById('log').style.display = "block"; } } } } function GetEnd(control,logValue,txt) { if(control.value=="") { control.value="输入内容"; control.style.color="gainsboro"; if(control.type=="password"){ control.style.display = "none"; document.getElementById('log').style.display = "block"; document.getElementById('log').value="输入内容"; document.getElementById('log').style.color="gainsboro"; //document.getElementById('log').focus();//加上 } else{ var pass = document.getElementById('log').value; if(pass.length<1){ control.style.display = "none"; document.getElementById('log').style.display = "block"; } } } } </script> </head> <body> <input id="log" name="log" value="输入内容" style="width: 169px; color: gainsboro" type="text" onfocus="getStar(this,'输入内容','password')"/> <input id="pass" name="pass" style="display:none; width: 169px;" type="password" onblur="GetEnd(this,'输入内容','password')" /> </body> </html>
相关文章推荐
- jQuery Validate 表单验证插件----通过name属性来关联字段来验证,改变默认的提示信息,将校验规则写到 js 代码中
- 分析:input表单输入框默认提示信息
- 腾讯UED 漂亮的提示信息效果代码
- jquery表单提交带错误信息提示效果
- 腾讯UED 漂亮的提示信息效果代码
- 分析:input表单输入框默认提示信息(较好的js样式)
- HTML网页中插入输入框,输入框内容或代码可点击"运行代码"运行,在浏览器看到运行输入框内代码效果。此HTML代码由表单代码textarea和简单JS代码实现。 HTML代码: <textarea n
- jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)
- js javascript 表单tips效果,文本框弹出提示框效果(不带箭头效果与代码)
- jquery实现的用户注册表单提示操作效果代码分享
- jquery 弹表单提示效果代码
- HTML 禁止显示input默认提示信息
- js javascript 表单tips效果,文本框弹出提示框效果(带箭头效果与代码)
- [Javascript]如何在HTML中实现点击input输入框(获得焦点)后默认提示消失的效果
- html文本框提示效果的示例代码
- js修改input的type属性问题(兼容所有浏览器,主要用于密码类的默认有提示文字的效果)
- 表单JS弹出填写提示效果代码
- jQuery表单获取和失去焦点输入框提示效果的实例代码
- 循序渐进Python3(十三) --2-- django之form表单(自动生成html标签和自定制提示信息)
- 文本框默认提示信息,以及密码默认提示