0

我希望我的 web 应用程序中的大多数文本框都显示一个提示，以尽量减少屏幕上的混乱。

我遇到了许多解决方案，但对于我想要的来说，所有这些解决方案似乎都很复杂。现在可能值得指出的是，我的 Javascript 知识很差。

我所需要的只是一个简单的脚本，它可以让我有文本框提示（使用 CSS 样式，所以我可以将其设置为灰色和斜体），并且可以使用密码字段。

我确实有一个脚本，但它只允许我每页有一个密码字段，而且在任何地方都不太容易使用。

谢谢，非常感谢您的帮助。

编辑：不幸的是，这也需要与 IE6 兼容。

4

1 回答 1

2

例如，最安全的方法可能是创建两个密码框，其中一个带有文本的密码框如下：

<input style="color:#B0AEAE;width:167px;display:none;" id="password_text" type="text" value="Password" />
<input type="password" id="password_password" name="password" style="width:167px" maxlength="20"/>

然后，您首先使用（我使用）jquery 隐藏“普通”密码输入字段并显示隐藏的密码字段，您可以单击返回到另一个，如下所示：

$(document).ready(function() {

$('#password_text').show();
$('#password_password').hide();

$('#password_text').focus(function() {
    $('#password_text').hide();
    $('#password_password').show();
    $('#password_password').focus();
});
    $('#password_password').blur(function() {
    var password = $(this).val();
    if(password == '') {
        $('#password_password').hide(); 
        $('#password_text').show();
    }
});

});

只需将其放在顶部：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
于 2012-07-15T13:10:13.020 回答