设置密码输入的默认值,以便可以读取
the*_*ise 8 html javascript forms
我希望在用户输入密码之前有一个密码字段,其中显示"密码"(因此他们知道该字段是什么)
我宁愿只使用Javascript,单独导入jQuery似乎很浪费,但我不知道如何.图像说得很清楚:
它看起来像什么:
我希望它看起来像:
它只是一个非常简单的网站和最基本的登录(没有验证等)
有任何想法吗？
<input id="username" name="username" class="input_text" type="text" value="Username" />
<input id="password" name="password" class="input_text" type="password" value="Password" />
Dio*_*oso 18
如果您使用的是HTML5,则应使用占位符属性.
<input id="username" name="username" class="input_text" type="text" placeholder="Username" />
<input id="password" name="password" class="input_text" type="password" placeholder="Password" />
如果您使用的是HTML4,则可以创建假密码字段.
<script type="text/javascript">
function pwdFocus() {
$('#fakepassword').hide();
$('#password').show();
$('#password').focus();
}
function pwdBlur() {
if ($('#password').attr('value') == '') {
$('#password').hide();
$('#fakepassword').show();
}
}
</script>
<input id="username" name="username" class="input_text" type="text" v="Username" />
<input id="fakepassword" name="fakepassword" type="text" value="Password" style="color:#ccc" onfocus="pwdFocus()" />
<input id="password" name="password" class="input_text" type="password" style="display:none" onblur="pwdBlur()" />
Pab*_*ruz 11
将password输入更改为简单的输入类型text.然后,使用焦点事件的JavaScript(或JQuery),将其更改为输入类型password.
这是一个使用纯JavaScript(没有JQUERY)的未经测试的小样本:
<html>
<head>
<script type="text/javascript">
function makeItPassword()
{
document.getElementById("passcontainer")
.innerHTML = "<input id=\"password\" name=\"password\" type=\"password\"/>";
document.getElementById("password").focus();
}
</script>
</head>
<body>
<form>
<span id="passcontainer">
<input onfocus="return makeItPassword()" name="password" type="text" value="Type Password" />
</span>
</form>
</body>
</html>
- +1.我就是这样做的.`$("#password").bind("focus",function(){$(this).val(""); $(this).attr("type","password");});` (3认同)
简单的解决方案:
<input id="username" name="username" class="input_text" type="text" placeholder="Username" />
<input id="password" name="password" class="input_text" type="password" placeholder="Password" />