自从苹果的 Siri 助手发布以来，越来越多的语音技术应用到了网页上，今天 Forece 就来教大家如何将自己的搜索栏改造为支持语音输入技术的。不过此项技术暂时只支持 Google Chorme 浏览器或者其他支持 Webkit 的浏览器。其他浏览器暂时无缘。
演示地址：（请用 GOOGLE CHROME 打开）
http://www.maplebus.com
想实现这个功能其实很简单，在你的 Input 中加入小小的一段代码就可以了。
1 | <input type="text" name="keyword" value="输入网站名称" onClick="if(this.value=='输入网站名称'){this.value='';}" onBlur="if(this.value==''){this.value='输入网站名称';}" class="input" x-webkit-speech /></div> |
快去打造你自己的语音搜索栏吧~~~