今天小编跟大家讲解下有关用html5实现语音搜索框的方法 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关用html5实现语音搜索框的方法 的相关资料，希望小伙伴们看了有所帮助。
我们先看下他们的不同显示。下面是在火狐下的截图：
下面这个是在chrome下的截图：
能猜想到的 就是写的代码肯定是不兼容的。不过你会发现真是比较简单的 就算你是前端初学者你也会明白复制代码代码如下:<input type="text"class="text"name="test"id="test"x-webkit-speech lang="zh-CN"x-webkit-grammar="bUIltin:search">其中参数的意义：x-webkit-speech：就是让你的输入框的右边出现一个小话筒 有了语音的功能。lang：则是 强制输入框里面的语音的语言种类 例如上面写的 lang="zh-CN"指的是简体中文。x-webkit-grammar：指的是语音输入语法 "builtin:search”值使得语音输入的内容尽量靠近搜索内容 去除多余的字符。
注：不过这个硬件方面的兼容性还是有待提高 因为当你中英夹杂语音的时候 估计是会状况百出的。
来源：爱蒂网
