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

 

posted @ 2019-09-23 11:46  圆圆呀~  阅读(2406)  评论(0编辑  收藏  举报