iOS自定义键盘搜索键

之前知道HTML5的input属性,新增了一种type=search。当系统焦点在input[type=search]元素上时,iOS会自动更改键盘的确认按键为搜索,且按下后自动收齐键盘。

但是我尝试了一次,一直不成功,最后发现,原来是姿势不对。

input[type=search]必须放在一个form标签中,才会更改iOS键盘的效果。

效果如下图:

input[type=search]

还能通过一些webkit私有属性,自定义这个搜索框的样式,例如右边的XX,或者placeholder字体颜色等。

更多玩法,可以这篇文章:http://css-tricks.com/webkit-html5-search-inputs/