一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

WordPress 添加语音搜索功能详解教程

时间:2013-03-28 编辑:简简单单 来源:一聚教程网

在 input 输入框里添加 x-webkit-speech 属性来实现的,从这个属性的命名可以看出,webkit,这是一个 webkit 核心浏览器的私有属性,所以你可以切换到 Chrome 浏览器来测试本功能。

实现的方法也特别简单,在你的搜索输入框的 input 标签里添加 x-webkit-speech

 

属性即可,如下:

 代码如下 复制代码

x-webkit-speech 是 html5 的 speech 功能的 API,Google 的 Chrome 在对 HTML5、CSS3 的新技术标准的支持上特别积极,所以很有幸,我们可以在 Chrome 上体现各种新奇的功能特性。

热门栏目