首頁 > web前端 > js教程 > 把input初始值不寫value的具體實作方法_javascript技巧

把input初始值不寫value的具體實作方法_javascript技巧

WBOY
發布: 2016-05-16 17:30:01
原創
1250 人瀏覽過

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 CHECKON={
var CHECKON={ Help:func ){
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頭中加上瞭如下程式碼,即清除掉先前快取登入記錄:
複製程式碼程式碼如下:




相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板