使用JavaScript更改IE中的类型

前端之家收集整理的这篇文章主要介绍了使用JavaScript更改IE中的类型前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
线
<input type="text" name="passwordLogin" value="Password" onfocus="if(this.value=='Password'){this.value=''; this.type='password'};" onblur="if(this.value==''){this.value='Password'; this.type='text'};" size="25" />

所有网络浏览器除IE之外的工作…如何解决它的IE?

Ok做了一些修改仍然有错误

我想要这样像这样工作

<input type="text" name="usernameLogin" value="Email" onfocus="if(this.value=='Email'){this.value=''};" onblur="if(this.value==''){this.value='Email'};" size="25" />

如果我不输入任何东西,它会把价值回来

所以我试过了

<td colspan="2" id="passwordLoginTd">
     <input id="passwordLoginInput1" type="text" name="passwordLogin" value="Password" onfocus="passwordFocus()" size="25" />
     <input id="passwordLoginInput2" style="display: none;" type="password" name="passwordLogin" value="" onblur="passwordBlur()" size="25" />
    </td>
    <script type="text/javascript">
    //<![CDATA[

     passwordElement1 = document.getElementById('passwordLoginInput1');
     passwordElement2 = document.getElementById('passwordLoginInput2');

     function passwordFocus() {

      passwordElement1.style.display = "none";
      passwordElement2.style.display = "inline";
      passwordElement2.focus();

     }

     function passwordBlur() {

      if(passwordElement2.value=='') {

       passwordElement2.style.display = "none";
       passwordElement1.style.display = "inline";
       passwordElement1.focus();

      }

     }

    //]]>
    </script>

因为你可以看到模糊不起作用= [

好的,终于得到了,谢谢帮助需要删除

passwordElement1.focus();

解决方法

您不能动态地更改Internet Explorer中的输入元素的类型.

一个可能的解决办法是:

>动态地创建一个新元素.
>将旧元素的属性复制到新元素中.
>将新元素的类型设置为新类型.
>然后用新元素替换旧的元素.

您可能需要检查以下文章以进行上述的JavaScript植入:

> Change Input Element Type using JavaScript

另一种选择是静态创建两个元素,但一次只能显示一个元素.可见度和重点将取决于元素的价值.在这种情况下,您可能想使用这样的东西:

<script type="text/javascript">   
  function checkType() {
     var thisElement = document.getElementById('field_text');
     var otherElement = document.getElementById('field_password');

     if (thisElement.value === 'Password') {            
        otherElement.style.display = 'inline';
        thisElement.style.display = 'none';
        otherElement.focus();
     }
  }
</script>

<input type="text" value="Password" id="field_text" onfocus="checkType();" />
<input type="password" value="" style="display: none;" id="field_password" />

猜你在找的JavaScript相关文章