2011-08-26 57 views
3

如果您轉到twitter登錄頁面,您會在密碼字段中看到:password。然後,如果您填寫密碼,它將更改爲<input type="password">Twitter風格登錄開關

他們是如何做到的?我想這與onkeyup有關,但我不太確定。

如果您可以通過我鏈接到教程或類似的東西,歡迎您。我已經搜索了「Twitter風格登錄」/「Twitter風格輸入字段」等,但我所得到的只是下拉式登錄的教程,至於他們在主頁上不再使用。

+0

[jQuery/javascript - 輸入字段(用戶,通行證)就像twitter的登錄?](http://stackoverflow.com/questions/6275497/jquery-javascript-input-fields-user-pass-just -like-twitters-login) –

+0

http://www.diveintohtml5.org/forms.html解釋新的HTML 5輸入關鍵字 – Kheldar

+0

他們正在使用效果線性增加字體從0到12px左右。 +他們正在使用不透明度調整。如果你注意到......這些影響都會發生。 – 2012-07-24 18:08:53

回答

3

如果使用的是HTML5,你可以使用

<input type="password" placeholder="password"> 

this jsFiddle作爲一個例子做沒有JavaScript。

+0

謝謝,這工作! – Andre