比如制作一個最常見的
input初始值
一般以前
我都只是寫在input的value裡
要把初始值單獨寫出來
於是我比較傻逼
就用<span>標簽寫
定位在input上
讓它單擊和input獲焦上都消失
用<span>標簽寫定位在input上讓它單擊和input獲焦上都消失
比如制作一個最常見的input初 始值一般以前我都只是寫在input的value裡但是某天開發說這不行會傳值七七八八%……@剩下的只能意會不能言傳了所以要把初始值單 獨寫出來於是我比較傻逼就用<span>標簽寫定位在input上讓它單擊和input獲焦上都消失
一定要牢牢記住的單詞網上那堆如果你看都不看就直接制作過來用的話你就特麼的是全天下最特麼傻逼的人了!!我現在打字雙手還在顫抖實在無法原諒自己那麼微小的錯誤對於一個懶人又笨人還是把正確的單詞放在自己能想得到的地方吧
previousSibling 查找前一節點
nextSibling 查找下一節點
html
復制代碼 代碼如下:
<label class="password">
<span class="passText" onClick="CHECKON
hide(this
oldpwd)" id="oldPass">原密碼</span>
<input type="password" name="oldpwd" id="oldpwd" onfocus="CHECKON
showHelpInfo(this);" class="text" autocomplete="off" />
</label>
css
password{ position:relative; }
passText{ position:absolute; left:
px; top:
px; color:#a
a
a
; font
size:
px;}
js注意那個長長長長長長長的單詞!!!!!再拼錯就剁手
復制代碼 代碼如下:
var CHECKON={
showHelpInfo:function(idTa){
var pve=(idTa
previousSibling
nodeType==
)?idTa
previousSibling:idTa
previousSibling
previousSibling;
pve
style
display=
none
}
hide:function(classN
id
){
var idBox=document
getElementById(id
);
classN
style
display=
none
;
idBox
focus();
}
}
用背景圖片的方式給input添加背景圖片當獲焦時讓圖片消失
html裡有個最新屬性placeholder屬性它會自覺出現在input裡並以灰色呈現但是只在input輸入時才會消失 But html你懂的ie啥的不支持
以上還有一個問題就是浏覽器會把之前的已經輸入的記錄記著當再次打開登錄頁面時帳號密碼就出自覺出現是當然是好事but對於之前設置的span標簽定位的方法來說就會出現 重影
如果用背景圖是基本能解決但ie不行
在head頭中加上了如下代碼即清除掉之前緩存登錄記錄
復制代碼 代碼如下:
<meta httpequiv= "Pragma" content= "nocache" />
<meta httpequiv= "CacheControl" content= "nocache" />
<meta httpequiv= "Expires" content= "" />
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19992.html