眾所周知,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...