我正在開發我的網站上的登錄部分，並希望它使用相同的效果，例如，在Textfield和Password字段爲「是」時刪除了用戶名和密碼值關注焦點。我一直在使用普通的JavaScript這與以下幾行的一些嘗試......登錄文本字段和密碼字段刪除焦點上的文本
function PasswordClick(evt) {
if ("Password" === this.value) this.value = "";
if(this.getAttribute('type')=='text')
{
this.setAttribute('type','password');
}
this.focus();
}
這似乎導致使用Chrome 12.0.742.100在Windows上的問題和概率等網絡套件瀏覽器，但在Firefox正常工作。
有沒有人有更好的方式做到這一點？
在此先感謝。
你糾正代碼版本：
function PasswordClick(evt) {
if ("Password" === $(this).val()){$(this).val('');}
if($(this).attr('type')=='text'){
$(this).attr({'type':'password'});
}
$(this).focus(function(){PasswordClick(evt);});
}
Please, read some jQuery documentation before start programming with it.
此代碼應該做你想要什麼。這部分應該在你的頁面的HEAD部分：
function init() {
document.getElementById('password').type = 'text';
}
window.onload = init;
function gotFocus(item) {
if (item.value == 'Password') {
item.value = '';
item.type = 'password';
item.style.color = '';
}
}
function lostFocus(item) {
if(item.value == '') {
item.value = 'Password';
item.type = 'text';
item.style.color = '#C0C0C0';
}
}
然後您要輸入的密碼是，你可以把這個HTML：但是
<input id='password' name='password' type='password' onfocus="gotFocus(this);" onblur="lostFocus(this);" value="Password" style="color:#C0C0C0" />
解決方法有很多，一個我覺得最簡單的和，並期待最好的是這樣的jQuery插件： http://fuelyourcoding.com/scripts/infield/
它增加了一些很不錯的效果也。
您還可以使用與所有現代瀏覽器兼容的placeholder屬性，以及爲舊版瀏覽器添加相同功能的JQuery佔位符腳本。
這個SO問題的答案可能會有所幫助，同時也包含一個鏈接到一個偉大的，但簡單的佔位符腳本：