本文主要介绍手机HTML5输入的常见问题(总结)。通过示例代码详细介绍，对大家的学习或工作有一定的参考学习价值。需要的朋友可以和边肖一起学习。

1. 去掉input 在iOS中的默认圆角和内阴影

在iOS下，输入会有自己的圆角和内阴影。拆除方法如下：

输入{

-web kit-appearance : none；

边界半径： 0；

}

2. 焦点在 input 时，placeholder 没有隐藏

input : focus :-web kit-input-placeholder {

opa city 3360 0；

}

3. input 输入框调出数字键盘

当单独使用type='number '时，iOS不会调整九方形数字键盘。如果您需要调整九方形数字键盘，您需要添加属性模式='[0-9]* '

！-数字键盘有符号，不是九个方块-

输入类型='number'/

！-九宫格数字键盘-

输入类型='number '模式='[0-9]*/

！-电话号码键盘-

输入类型='tel'/

4. 搜索时，键盘的回车按钮文字设定为“搜索”

解决方法：使用type='search '将输入放入表单中。两者的结合可以使输入法中的输入按钮文本变成“搜索”

表单操作=' '

输入类型='搜索'/

/form

5唐山网站建设. 改变input placeholder颜色

:-WebKit-输入-占位符{ /* WebKit浏览器*/

color: # 999

}

:-moz-占位符{ /* Mozilla Firefox 4到18 */

color: # 999

opa city 3360 1；

}

:-moz-占位符{ /* Mozilla Firefox 19 */

color: # 999

opa city 3360 1；

}

:-ms-input-placeholder {/* Internet Explorer 10 */

color: # 999

}

input :-web kit-input-placeholder，textarea :-web kit-input-placeholder {/* WebKit */

color: # 666

}

input:-moz-placeholder，textarea :-moz-placeholder {/* Mozilla Firefox 4到18 */

color: # 666

}

input :-moz-placeholder，textarea :-moz-placeholder {/* Mozilla Firefox 19 */

color: # 666

}

input :-ms-input-placeholder，textarea :-ms-input-placeholder {/* IE 10 */

color: # 666

}

6. iOS下autofocus focus()失效的问题

在iOS下无法自动获取焦点，只有在监控用户发送事件的功能中执行focus才有用，例如：

//OpenNotifyread是由点击触发的事件

openNotifyReplay=(e)={

this.setState({

notifyReplayVisible: true

}, ()={

document . getelementbyid(' replayopuptext ')。焦点()

})

}

这里介绍一下关于手机HTML5输入的常见问题(总结)。更多相关的移动HTML5输入内容，请搜索Script House之前的文章或者继续浏览下面的相关文章。希望大家以后多多支持脚本屋！