vue寫H5注冊頁面


1、width:fill-available表示撐滿可用空間

width: -webkit-fill-available;

2、修改inputplaceholder的字體樣式:

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, '')

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM