1、width:fill-available表示撐滿可用空間
width: -webkit-fill-available;
2、修改input框placeholder的字體樣式:
input::-webkit-input-placeholder{}
3、css定位元素到最底層不遮擋其他元素(點擊事件):
pointer-events: none;
-webkit-pointer-events: none;
-moz-pointer-events: none;
-ms-pointer-events: none;
-o-pointer-events: none;
4、點擊輸入框之后取消默認邊框樣式:
(input,textarea,img, button, select都適用)
outline: 0px none;或者直接寫none;
5、正常情況下,直接調出數字鍵盤:
type="tel"
兼容iOS中直接調出數字鍵盤:
pattern="[0-9]*"
6、手機號驗證
規定輸入長度:
maxlength="11"
輸入非數字的時候讓他輸入的是空:
this.mobile = e.target.value.replace(/[^\d]/g, '')