好多网站的搜索栏都有一个麦克风，据说这货是语音搜索！
一直以为这是什么十分高深的技术，看了网上的相关文章介绍之后，才发现添加这个东西原来可以这么简单。
只需要在type为text的input标签里面加x-webkit-speech属性即可在轻松为搜索框加上主意搜索功能，如下图：
<input type="text" class="text" x-webkit-speech/>
x-webkit-speech 是 html5 的 speech 功能的 API，Google 的 Chrome 在对 HTML5、CSS3 的新技术标准的支持上特别积极，所以很有幸，我们可以在 Chrome 上体现各种新奇的功能特性。
现在只有webkit核心的浏览器才能使用Html5支持的语音搜索功能。webkit内核的浏览器包括google的chrome和苹果的safari浏览器。
这个功能暂时只能在 Chrome 11 版本以上的谷歌浏览器上看到这个效果。因为这是在 input 输入框里添加 x-webkit-speech 属性来实现的，从这个属性的命名可以看出，webkit，这是一个 webkit 核心浏览器的私有属性，所以你可以切换到 Chrome 浏览器来测试本功能。
快速留言：
0条评论( 网友:0 条,站长:0 条 ) 网友评论{有您的评论更精彩....}