type number和type tel的區別

2021-08-14 09:49:52 字數 1113 閱讀 6171

眾所周知,html5加入了新的input型別number,這是方便數量輸入的。如果是在移動端中,屬性type=」number」和type=」tel」會喚起系統的數字鍵盤,這對於互動還是挺友好的。

瀏覽器相容性

大部分瀏覽器還是非常支援這個屬性的。

就算這樣,這裡面也有乙個坑:不把我們可愛的小數點當作輸入。我通過監聽input事件然後檢視事件物件的data屬性(識別當前輸入字元):

資料和檢視不統一的做法,真讓人蛋疼,檢視裡面的小數點顯示了,但是結果卻沒有。當然這在鍵入其他符號的時候處理的更加」勁爆」:

但是如果繼續輸入數字,則小數點則會顯示。仔細一想,這也有可能是故意這麼實現的。畢竟是number型別,所以最後乙個字元如果是小數點則忽略,小數點後面還有數字則顯示。

所以建議在面對輸入數量,而且要監控每次輸入這樣的需求時,盡量不好使用number的屬性。

面對這樣的需求時,可以用type=」tel」這個屬性。

tel瀏覽器相容性

下面是tel的輸出結果:

這樣就把試圖和資料對應上了。雖然犧牲了點語義性,但還是挺值得的。

要想做到實時的對輸入結果進行監控,type=number比較費勁,而type=tel只需要監控每一次的結果就ok了。

type和 rowtype 的區別

type 屬性的一種方式是在變數宣告中使用。type是用於取得 表或游標中的字段型別,例如,可以使用它來宣告artist表中字段型別相同的變數,注意可以在表中名和字段之間使用點號 dealare v unit name kwmis xm unit bg.unit name type v bgoid ...

python的type和isinstance的區別

type可以獲取乙個物件的型別,isinstance可以判斷乙個物件是否是某個型別。但是最大的區別是 isinstance會認為子類是一種父類型別 比如如下 isinstance 會認為子類是一種父類型別 coding utf 8 class basecls pass class testcls b...

python中type和isinstance的使用

a1 1,2 print type a1 class a 建立乙個空類 pass 代表空行,讓編譯器不報錯 a a 建立乙個物件 print type a class b a 建立乙個類b,繼承自類a pass 空行,沒有實際意義,僅僅讓編譯器不報錯 b b 建立乙個類b的物件 print type...