html5 input 提示,input属性中html5新增的属性

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

　　ios下投入会有自带的圆角和内阴影，去掉方法如下：

　　输入{-WebKit-外观：无；边框半径：0;}2. 焦点在 input 时，placeholder 没有隐藏

　　input:focus:-WebKit-input-placeholder { opacity:0；}3. input 输入框调出数字键盘

　　单独使用type=number 时，iOS调起的并不是九宫格样式的数字键盘，如果需要调起九宫格的数字键盘需要加上模式=[0-9]* 属性

　　！-数字键盘带有符号，非九宫格样式-输入类型=数字/！-九宫格数字键盘-input type= number pattern=[0-9]* /！-电话号码键盘-输入类型=电话/4. 搜索时，键盘的回车按钮文字设定为“搜索”

　　解决：输入使用类型=搜索，放在形式表单内。两者结合就能使输入法中的回车按钮文字变为"搜索"

　　表单操作= 输入类型=搜索//表格5. 改变input placeholder颜色

　　:-WebKit-input-placeholder {/* WebKit browsers */color:# 999；}:-moz-placeholder {/* Mozilla Firefox 4到18 */color:# 999；不透明度：1;}:-moz-placeholder {/* Mozilla Firefox 19 */color:# 999；不透明度：1;}:-ms-input-placeholder {/* Internet Explorer 10 */color:# 999；} input:-WebKit-input-placeholder，textarea:-WebKit-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下不能自动获取焦点，必须是在监听到用户发出的事件的函数中执行集中才有用，比如：

　　//openNotifyReplay是点击触发的事件打开通知重播=(e)={ this。setstate({ notifypreplayvisible:true }，()={ document。getelementbyid( replayPopupText ).focus() })}到此这篇关于移动端HTML5输入常见问题（小结)的文章就介绍到这了，更多相关移动端HTML5输入内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。