Javascript 如何在表单输入字段中为密码指定默认值？

我试图在put字段中设计一个表单，类似于我需要为输入字段分配默认值的表单，我确实分配了，但对于password，显示的值是密码格式的，如何将密码的默认值显示为“password”。另外，默认值应该只在我键入某个值时更改，它不应该在单击时消失

<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>

检查这把小提琴

---

等等，你根本不希望密码字段被屏蔽？或者您是说，如果值与默认值不同，您只希望该值被屏蔽。这似乎是不直观的和令人困惑的。如果您发布整个脚本和html，那就太好了