0

我已经尝试了很多尝试来解决这个问题，但我无法：我想用 and 制作两个示例输入框，value="password"这样value ="Confirm password" 当您单击它时，值类型会从更改text为password

我设法改变了一个盒子，它是password一个但不是一个。confirm password你看到问题是因为input[type="password"]我只能在其中添加一个位置。当我点击另一个confirm text box它直接跳转到password text box

HTML

<input type = "passwords" id="passwords" name="passwords" value ="Password" onclick="passwords();" />
    <input type = "confirm" id="confirm" name="confirm" value ="Confirm Password" onclick="confirms();" />

CSS

input[type="password"]
{
    background: transparent;
    border:none;
    color:#2185c5;
height:41px;
width:273px;
padding-left:35px;
border-radius:3px;
font-size:20px;
position:absolute;
top:690px;
left:353.5px;
position:absolute;
z-index:11;

    }

JS

function passwords()
{
    document.getElementById("passwords").value= "";
    document.getElementById('passwords').type = 'password';

}

function confirms()
{
    document.getElementById("confirm").value= "";
     document.getElementById('confirm').type = 'password';

    }
4

3 回答 3

2

您不能在类型中输入任何内容。confirm不是类型，也不是passwords。它的password.

HTML

<input type="password" id="passwords" name="passwords" placeholder="Password" onclick="passwords();" />
<input type="password" id="confirm" name="confirm" placeholder="Confirm Password" onclick="confirms();" />

此外，您的两个password元素都将重叠。在你的 CSS 末尾添加这个

CSS

input[type="password"]:nth-child(2) {
    top:690px;
    left:700px;
}
于 2013-06-23T12:18:16.777 回答
1 
<input type="password" placeholder="password" />
<input type="password" placeholder="Confirm password" />
于 2013-06-23T11:56:38.147 回答
0

你不能使用你自己的类型。密码和确认不是一种类型。在此处检查可用的输入类型：单击此处

这可能对你有帮助！:)

于 2013-06-23T12:52:27.593 回答