语音搜索按钮,html搜索框功能实现

　　我们先来看看他们不同的展示。

　　以下是Firefox下的截图：

　　下面是chrome下的截图：

　　我能猜到的是写出来的代码肯定是不兼容的。但是，你会发现其实挺简单的。即使你是前端初学者，你也会明白复制代码如下：input type= text class= text name= test id= test x-WebKit-speech lang= zh-cn x-WebKit-grammar= building:search

　　参数的含义：

　　X-webkit-speech:意思是你的输入框右侧出现一个小麦克风，有语音的功能。

　　Lang:是必输项框中声音的语言类型。比如上面写的lang=zh-CN 就是指简体中文。

　　X-webkit-grammar:指语音输入的语法。 builtin:search 的值使语音输入的内容尽可能接近搜索内容，并去掉多余的字符。

　　注意：不过这个硬件的兼容性还是需要提高的，因为当你把中英文和语音混在一起的时候，估计会出现一大堆问题。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。