h5开发注意事项

1.display属性提供了一个webkit-box的值，它可以帮助前端工程师做到盒子模型灵活控制。

2、如何关闭iOS中键盘自动大写

我们知道在iOS中，当虚拟键盘弹出时，默认情况下键盘是开启首字母大写的功能的，根据某些业务场景，可能我们需要关闭这个功能，移动版本webkit为input元素提供了autocapitalize属性，通过指定autocapitalize=”off”来关闭键盘默认首字母大写。

6、iOS中如何禁止用户保存图片＼复制图片

我们在第13条技巧中提到元素的-webkit-touch-callout属性，同样为一个img标签指定-webkit-touch-callout:none;也会禁止设备弹出列表按钮，这样用户就无法保存＼复制你的图片了。

7、iOS中如何获取滚动条的值

桌面浏览器中想要获取滚动条的值是通过document.scrollTop和document.scrollLeft得到的，但在iOS中你会发现这两个属性是未定义的，为什么呢？因为在iOS中没有滚动条的概念，在Android中通过这两个属性可以正常获取到滚动条的值，那么在iOS中我们该如何获取滚动条的值呢？

通过window.scrollY和window.scrollX我们可以得到当前窗口的y轴和x轴滚动条的值。

8.移动端头部代码

9.h5 开发页面在ios下面卡顿的问题 在样式里面加上 ，要在body里面加，div里面不生效。

-webkit-overflow-scrolling: touch

10.手机端提交表单成功之后最好将页面的光标去掉

11.手机端放置多次提交最好自定义变量来控制提交，不要使用页面的dom元素的相关东西。

12.设置input placeholder的字体大小颜色

input::-webkit-input-placeholder

{

    color: #d2d2d2;

    font-size: 0.14rem;

}

清除苹果手机input,select自带样式

input,select{-webkit-appearance:none;

border-radius:0px;}

13.点击事件出现蓝色区域块问题的解决方式  

-webkit-tap-highlight-color:rgba(0,0,0,0)