由於html5的出現,使得表單的功能更加強大,input的功能應用起來更加簡單,從value到placeholder。但是由於相容問題,placeholder只適合在移動端的專案,ie6/7/8不支援,只能用value,或者你可以用其他方法模擬placeholder,具體案例你可以看支付寶和財付通的登入和註冊頁面。下面分別介紹下value和placeholder的實際應用。
如果用的是value,我們想滑鼠focus後預設文字消失,移開後預設文字又重現,可以這樣來寫。
type="text"
value
="請輸入手機號"
class
="inp-fon"
>
$請看下圖演示:(".inp-fon"
).focus
(function
()}).
blur
(function
()});
預設狀態:
focus狀態
說明:預設狀態是灰色的,然後focus後,輸入的字型會變成黑色的,上面的js裡就是通過新增和刪除樣式「focus-fon」來控制的。
如果用的是placeholder,我們就不需要js了,因為它本身就自帶focus和blur功能了。但是有時候設計師給我們的設計稿往往跟預設文字顏色是有區別的,那我們如何改變placeholder預設文字顏色呢,如下:
type="text"
placeholder
="請輸入手機號"
class
="inp-fon"
>
:-一般都是用以上這種方法來處理,這裡就不放demo了,比較簡單,如果想看效果,把**複製到網頁裡檢視。moz-
placeholder
::-moz
-placeholder
input
:-ms
-input
-placeholder
,textarea
:-ms
-input
-placeholder
input
::-webkit
-input
-placeholder
,textarea
::-webkit
-input
-placeholder
control變數和value變數
control型變數是這個控制項所屬類的乙個例項 物件 可以通過這個變數來對該控制項進行一些設定。而value只是用來傳遞資料,不能對控制項進行其它的操作。control型變數可以獲得控制項的例項,通過這個變數,你可以操縱控制項 value型變數僅僅可以獲得該控制項的public型變數 如果你新增了...
map按key和value排序
map集合按照key和value排序 按value排序 利用集合中的entry封裝,然後利用內部函式描述比較過程,這裡有兩種方式,可以發現其中的o1和o2表示map中的值,o1其實是偏大的那乙個,然後返回的時候其實是將較大的放在後面。mapmap new treemap map.put b 1 ma...
iCheck的全選和獲取value
在使用jquery icheck 外掛程式的時候遇到了乙個問題,就是當我們使用普通的js全選功能無效了。checkall click function else 這樣來寫對預設的checkbox框沒問題,但是當使用icheck 外掛程式後將無效。那麼該怎麼解決呢?最後是在stackoverflow ...