Figure 5-1 Form metrics when the keyboard is displayed
表 5-1包含这些控件在iPhone 和 iPod touch 中，不同手持姿态下的尺寸数据
Table 5-1 Form metrics
Object
Metrics in pixels
Status bar
Height = 20
URL text field
Height = 60
Form assistant
Height = 44
Keyboard
Portrait height = 216
Landscape height = 162
Button bar
Portrait height = 44
Landscape height = 32
使用这些数据可以计算出你的网页在键盘显示时网页的可用区域大小，举个例子，当键盘不显示时，你的网页区域是 480 – 20 – 60 – 44 = 356. 这时你需要设计网页填充320 x 356 像素 （正立状态）的区域，但当键盘可见时，可用区域则是 320 x 140 像素
定制表单控件
iPhone OS 版本 Safari 中表单控件是分辨率独立的，可以通过设置CSS样式来定制自己的勾选框，文本框和选择列表
举个例子，你可以创建使用表 5-1 中的CSS代码片段，设计出如图 5-2 的定制勾选框，这个例子中使用了 -webkit-border-radius 样式 ── 是Apple对WebKit的扩展，参考 Safari CSS Reference 了解更多WebKit属性。
图 5-2 A custom checkbox表 5-1 Creating a custom checkbox with CSS
{
width: 100px;
height: 100px;
-webkit-border-radius:50px;
background-color:purple;
}
图 5-3 显示的是定制的圆角的文本输入框，使用的是Listing 5-2中的CSS代码
Figure 5-3 A custom text fieldListing 5-2 Creating a custom text field with CSS
{
-webkit-border-radius:10px;
}
图 5-4 所示的是定制的选择控件，使用的是 Listing 5-3 中的CSS代码
Figure 5-4 A custom select elementListing 5-3 Creating a custom select control with CSS
{
background:red;
border: 1px dashed purple;
-webkit-border-radius:10px;
}
配置自动纠错和大小写Configuring Automatic Correction and Capitalization
你还可以控制在表单中是否使用自动验证和大小写，如果你希望自动校验，可以设置 autocorrect 属性为 on ，如果你要使用自动大小写，可以设置 autocapitalize 属性为 on ，如果你不设置这个属性，浏览器将自动选择是否使用纠错和大小写，举个例子，iPhone OS中对于登陆框默认关闭 autocorrect 和 autocapitalize ，而对于普通文本输入框则设置为 on
使用自动纠错For example, the following lines turn the autocorrect attribute on:
<input autocorrect = "on"/>
<input autocorrect>
关闭自动纠错，The following line turns the autocorrect attribute off:
