如何在密码的表单输入字段中分配默认值

how to assign default value in form input field for password?

本文关键字：字段 分配 默认值 输入 表单 密码      更新时间：2023-09-26

我试图设计一个类似于推特我需要为输入字段分配默认值的表单，我确实分配了，但对于密码显示的值是密码格式，如何显示密码的默认值为'密码'。此外，默认值应该只在我输入一些值时改变，它不应该在点击时消失。

<div class="editfield">
<label for="signup_password">Choose a Password <span class="required">*</span>
</label>
<div class="input_field">
<input type="password" minlength="6" value="Password" id="signup_password" 
   name="signup_password" onclick="this.value=''" 
   onblur="if(this.value=='') this.value='Choose a Password';">
<span id="pass1Info" class=""></span></div>
</div>

Twitter使用透明密码框。默认值不是真正的默认值，而只是密码框的背景。

.front-page form .holding input {
    -moz-transition: opacity 1s ease 0s;
    background-color: white;
    border: medium none !important;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    color: #567792;
    opacity: 0.7;
}

只要你开始键入包装器获得类hasome和背景中显示"password"的span的字体大小设置为0

.logged-out form .hasome .holder {
    font-size: 0 !important;
    opacity: 0;
}

使用keydown事件将类型从文本更改为密码，并将值更改为空字符串

    <div><input value="Password"  onkeydown="if(this.type!='password'){this.type='password';this.value='';}" onblur="if(this.value=='') this.value='Choose a Password';">
</div>

检查这个小提琴http://jsfiddle.net/rajani5022/PE2qu/

相关文章：