光标焦点未进入密码字段。

发布于 2024-11-27 05:42:51 字数 964 浏览 7 评论 0原文

我使用下面的代码将输入文本字段交换到焦点密码区域。

<input type="text" name="password" id="password" onblur="ChangeToTextField(); if (this.value == '') {this.value = 'password';}" onfocus="ChangeToPassField(); if (this.value == 'password') { this.value = '';}else { this.value; }" value="password" style="width:230px; height:25px; margin-left:5px; background:none; border:0px;" />


<script type="text/javascript">
    function ChangeToPassField() {
    document.getElementById('password').type="password";
    var input = document.getElementById('password');
    input.focus();
  }
  function ChangeToTextField() {
   if(document.getElementById('password').value=="" || document.getElementById('password').value == "password" )
       {
   //alert("hai");
   document.getElementById('password').type="text";
    document.getElementById('password').value="password";
       }
  }
</script>

如果我单击密码字段,光标不会在密码字段中闪烁。如何在密码字段中显示光标指针?...

I am using the below code for swap an input text field to a password area on focus.

<input type="text" name="password" id="password" onblur="ChangeToTextField(); if (this.value == '') {this.value = 'password';}" onfocus="ChangeToPassField(); if (this.value == 'password') { this.value = '';}else { this.value; }" value="password" style="width:230px; height:25px; margin-left:5px; background:none; border:0px;" />


<script type="text/javascript">
    function ChangeToPassField() {
    document.getElementById('password').type="password";
    var input = document.getElementById('password');
    input.focus();
  }
  function ChangeToTextField() {
   if(document.getElementById('password').value=="" || document.getElementById('password').value == "password" )
       {
   //alert("hai");
   document.getElementById('password').type="text";
    document.getElementById('password').value="password";
       }
  }
</script>

If i click in password field the cursor is not blinking in the password field. How can i display cursor pointer in the password field?...

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

迷路的信 2024-12-04 05:42:51

使用 HTML 5 placeholder 属性怎么样? (请记住,它并非在所有地方都有效)

<!DOCTYPE html>
<!-- ... -->
<form>
    <input placeholder="Password" type="password" name="password" id="password" />
    <input type="submit" />
</form>

jsfiddle: http://jsfiddle.net/ndduP/


否则,这是您正在尝试执行的操作的尝试(请记住,有些人可能会关闭 javascript,从安全/隐私的角度来看,这会导致此问题)

<form>
    <input type="text" name="password" id="password_field" value="Password" onfocus="make_pass();" onblur="make_text();" />
    <input type="submit" />
</form>

<script>
function make_text() {
    var field = document.getElementById('password_field');
    if (field.value.replace(/ /g,'') === "") {
        field.type  = "text";
        field.value = "Password";
    }
}

function make_pass() {
    var field = document.getElementById('password_field');
    if (field.type === "text") {
        field.value = "";
        field.type  = "password";
    }
}
</script>

jsfiddle: http://jsfiddle.net/utEVx/

What about using the HTML 5 placeholder attribute? (keep in mind it won't work everywhere)

<!DOCTYPE html>
<!-- ... -->
<form>
    <input placeholder="Password" type="password" name="password" id="password" />
    <input type="submit" />
</form>

jsfiddle: http://jsfiddle.net/ndduP/


Otherwise, here is an attempt at what you are trying to do (keep in mind some people could potentially have javascript turned off making this problematic from a security/privacy standpoint)

<form>
    <input type="text" name="password" id="password_field" value="Password" onfocus="make_pass();" onblur="make_text();" />
    <input type="submit" />
</form>

<script>
function make_text() {
    var field = document.getElementById('password_field');
    if (field.value.replace(/ /g,'') === "") {
        field.type  = "text";
        field.value = "Password";
    }
}

function make_pass() {
    var field = document.getElementById('password_field');
    if (field.type === "text") {
        field.value = "";
        field.type  = "password";
    }
}
</script>

jsfiddle: http://jsfiddle.net/utEVx/

醉城メ夜风 2024-12-04 05:42:51
<input type="text" name="password" id="password" value="password" style="width:230px; height:25px; margin-left:5px; background:none; border:0px;" />

<script>
var passwordF = document.getElementById("password");

passwordF.onblur = function() {
   ChangeToTextField();
   if (this.value === '') {
      this.value = '';
   }
};

passwordF.onfocus = function() {
   ChangeToPassField();
   if (this.value === 'password') {
      this.value = '';
   }
};

function ChangeToPassField() {
   console.log("changed to pass field...");
   document.getElementById('password').type="password";
   var input = document.getElementById('password');
   input.focus();
}

function ChangeToTextField() {
   console.log("changed to text field...");
   if(document.getElementById('password').value=="" ||    
      document.getElementById('password').value == "password" )
   {
      //alert("hai");
      document.getElementById('password').type="text";
      document.getElementById('password').value="password";
   }
} 
</script>
<input type="text" name="password" id="password" value="password" style="width:230px; height:25px; margin-left:5px; background:none; border:0px;" />

<script>
var passwordF = document.getElementById("password");

passwordF.onblur = function() {
   ChangeToTextField();
   if (this.value === '') {
      this.value = '';
   }
};

passwordF.onfocus = function() {
   ChangeToPassField();
   if (this.value === 'password') {
      this.value = '';
   }
};

function ChangeToPassField() {
   console.log("changed to pass field...");
   document.getElementById('password').type="password";
   var input = document.getElementById('password');
   input.focus();
}

function ChangeToTextField() {
   console.log("changed to text field...");
   if(document.getElementById('password').value=="" ||    
      document.getElementById('password').value == "password" )
   {
      //alert("hai");
      document.getElementById('password').type="text";
      document.getElementById('password').value="password";
   }
} 
</script>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文