1.用標籤寫,定位在input上,讓它點擊和input獲焦上都消失。
例如製作一個最常見的,input初始值,一般以前,我都只是寫在input的value裡。但是某天開發說,這不行,會傳值七七八八%……@剩下的只能意會不能言傳了。所以,要把初始值單獨寫出來,於是我比較傻逼,就用標籤寫,定位在input上,讓它點擊和input獲焦上都消失。
一定要牢牢記住的單字。網路上那堆,如果你看都不看就直接製作過來用的話,你就特麼的是全天下最特麼傻逼的人了! !我現在打字雙手還在顫抖,實在無法原諒自己,那麼微小的錯誤。對於一個懶人,又笨人。還是把正確的單字放在自己能想得到的地方。
previousSibling 找出前一節點。
nextSibling 找出下一節點。
html
css
.password{ position:relative; }
.passText{ position:absolute; left:5px; top:0px; color:#a9a9a9; font-size:14px;}
js,注意那個長長長長的單字! ! ! ! !再拼錯就剁手。
var pve=(idTa.previousSibling.nodeType==1)?idTa.previousSibling:idTa.previousSibling.previousSibling;
pve.style.display='none'
},
pve.style.display='none'
},
hve.style. :function(classN,id2){
var idBox=document.getElementById(id2);
classN.style.display='none';
idBox.focus();
}
}
2.用背景圖片的方式,為input加入背景圖片,當獲焦時,讓圖片消失。
3.html5裡有個最新屬性,placeholder屬性,它會自覺出現在input裡,並以灰色呈現。但是只在input輸入時才會消失。 But html5,你懂的,ie8啥的不支持。
以上還有一個問題,就是瀏覽器會把之前的已經輸入的記錄記著,當再次開啟登入頁面時,帳號密碼就自自覺出現。是當然是好事。 but,對於先前設定的span標籤定位的方法來說,就會出現 重影。
如果用背景圖,是基本能解決,但,ie7不行。
在head頭中加上瞭如下程式碼,即清除掉先前快取登入記錄: