如何显示";用户名";及;密码";作为javascript文本框中的默认值?

如何显示";用户名";及;密码";作为javascript文本框中的默认值?,javascript,Javascript,我想要两个文本框,其中包含默认文本,即“用户名”和“密码”。当我们在文本框内单击时,文本应消失,以便用户可以键入自己的用户名和密码 但是,默认情况下,密码字段不可读 怎么可能,请帮帮我???提前感谢。您不能像您所发现的那样,仅仅通过我更改值来完成。当您点击时,也不能将输入类型从“文本”更改为“密码” 我可以想出几个选择- 使用写有“密码”的背景图像,并在聚焦输入时移除背景 使输入透明,并将其放置在密码上,然后在焦点上隐藏该(或将div放在顶部,单击时调用input.focus() 正如您所发现的

我想要两个文本框,其中包含默认文本,即“用户名”和“密码”。当我们在文本框内单击时,文本应消失,以便用户可以键入自己的用户名和密码

但是,默认情况下,密码字段不可读


怎么可能,请帮帮我???提前感谢。

您不能像您所发现的那样,仅仅通过我更改值来完成。当您点击时,也不能将输入类型从“文本”更改为“密码”

我可以想出几个选择-

  • 使用写有“密码”的背景图像,并在聚焦输入时移除背景

  • 使输入透明,并将其放置在
    密码
    上,然后在焦点上隐藏该
    (或将div放在顶部,单击时调用input.focus()


  • 正如您所发现的,您不能简单地通过更改值来实现这一点。当您点击时,也不能将输入类型从“文本”更改为“密码”

    我可以想出几个选择-

  • 使用写有“密码”的背景图像,并在聚焦输入时移除背景

  • 使输入透明,并将其放置在
    密码
    上,然后在焦点上隐藏该
    (或将div放在顶部,单击时调用input.focus()

  • 签出jQuery插件

    这正是您想要的

    签出jQuery插件


    这正是您想要的

    您可以做的是在css中应用一个背景图像,其中包含用户名和密码文本(设置密码字段的值将给您“*******”)。然后检查文本框的值,如下所示:

    <input type="text" class="username" name="username" onclick="if (this.class = 'username') { this.class == '' }" onblur="if (this.value == '') { this.class = 'username'; }" />
    
    
    

    请注意,我没有对此进行测试,但我相信您可以按照这些思路做一些事情

    您可以做的是在css中应用一个背景图像,其中包含用户名和密码文本(因为设置密码字段的值将给您“*******”)。然后检查文本框的值,如下所示:

    <input type="text" class="username" name="username" onclick="if (this.class = 'username') { this.class == '' }" onblur="if (this.value == '') { this.class = 'username'; }" />
    
    
    

    请注意,我尚未对此进行测试,但我相信您可以按照这些思路进行操作

    为什么不能将类型从“text”更改为“password”?我肯定我以前做过…一旦元素添加到文档中,它的类型就不能在IE上更改:我想你过去可以在旧浏览器中更改它。。。我不能肯定你为什么不能把类型从“文本”改为“密码”?我肯定我以前做过…一旦元素添加到文档中,它的类型就不能在IE上更改:我想你过去可以在旧浏览器中更改它。。。不过我不能肯定