value和placeholder 的區別

2021-07-16 12:22:09 字數 1377 閱讀 8455

由於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"

>

:-

moz-

placeholder 

::-moz

-placeholder 

input

:-ms

-input

-placeholder

,textarea

:-ms

-input

-placeholder 

input

::-webkit

-input

-placeholder

,textarea

::-webkit

-input

-placeholder 

一般都是用以上這種方法來處理,這裡就不放demo了,比較簡單,如果想看效果,把**複製到網頁裡檢視。

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 ...