Code666 (代码贴、代码片段)

[JavaScript] HTML表单密码框里的默认提示信息效果代码 →→→→→进入此内容的聊天室

来自 , 2021-01-20, 写在 JavaScript, 查看 137 次.
URL http://www.code666.cn/view/193510e3
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>密码框提示信息</title>
  6. <script language="javascript" type="text/javascript">
  7. // JScript 文件
  8. function getStar(control,logValue,txt)
  9. {
  10.     if(control.value==logValue)
  11.     {
  12.         control.value="";
  13.         control.style.color="black";
  14.          
  15.         if(control.type=="text"){
  16.             control.style.display = "none";
  17.             document.getElementById('pass').style.display = "block";
  18.             document.getElementById('pass').style.color="black";
  19.             document.getElementById('pass').value="";
  20.             document.getElementById('pass').focus();//加上
  21.         }else{
  22.             var pass = document.getElementById('pass').value;
  23.             if(pass.length<1){
  24.                 control.style.display = "none";
  25.                 document.getElementById('log').style.display = "block";
  26.             }
  27.         }
  28.     }
  29. }
  30. function GetEnd(control,logValue,txt)
  31. {
  32.     if(control.value=="")
  33.     {
  34.         control.value="输入内容";
  35.         control.style.color="gainsboro";
  36.          
  37.         if(control.type=="password"){
  38.             control.style.display = "none";
  39.             document.getElementById('log').style.display = "block";
  40.             document.getElementById('log').value="输入内容";
  41.             document.getElementById('log').style.color="gainsboro";
  42.             //document.getElementById('log').focus();//加上
  43.         }
  44.         else{
  45.             var pass = document.getElementById('log').value;
  46.              
  47.             if(pass.length<1){
  48.                 control.style.display = "none";
  49.                 document.getElementById('log').style.display = "block";
  50.             }
  51.         }
  52.     }
  53. }
  54. </script>
  55. </head>
  56. <body>
  57. <input id="log" name="log" value="输入内容" style="width: 169px; color: gainsboro" type="text" onfocus="getStar(this,'输入内容','password')"/>
  58. <input id="pass" name="pass" style="display:none; width: 169px;" type="password" onblur="GetEnd(this,'输入内容','password')" />
  59. </body>
  60. </html>
  61. //javascript/6906

回复 "HTML表单密码框里的默认提示信息效果代码"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666