如何在表單輸入字段中爲密碼指定默認值？

-3

我想設計一個類似於twitter中的放置字段的表單，我需要爲輸入字段分配默認值，但我確實分配了密碼，但顯示的值是密碼格式，如何顯示默認值密碼的值作爲「密碼」。此外，默認值只應改變當我輸入一些值，它不應該消失onclick。如何在表單輸入字段中爲密碼指定默認值？

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

來源

2011-07-27 Ezhil

等等，你不希望密碼字段被掩蓋？或者你是否說你只希望該值與默認值不同而被屏蔽。這似乎很不直觀，令人困惑 – Gareth

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和背景跨度的字體大小說：「密碼」設置爲0

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

來源

2011-07-27 09:59:06 jantimon

如果你發佈整個腳本和HTML – Ezhil

轉到twitter.com，並點擊「查看源代碼」 – jantimon

使用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/

來源

2011-07-27 10:06:10 rajani

它不起作用，這將是很好的？ – Ezhil

如何在表單輸入字段中爲密碼指定默認值？

回答

相關問題