其实大家都能从一淘啊或者淘宝相关的产品里面看到这样的输入框：
好奇的人都会查看源码看看到底是什么东东？
里面有两个东东：
1、x-webkit-speech
目前只有Chrome 11+的支持
属性和事件介绍：
- lang
<input type="text" x-webkit-speech lang="zh-CN"/>
- onwebkitspeechchange
语音发生变化时候触发的
2、x-webkit-grammar
可以控制输入的语法
Bug场景：
在iframe里面的提示层有位置偏移？http://www.php100.com/html/webkaifa/HTML5/2012/1212/11757.html
相关推荐
这里介绍的是大家以后要用到的html强大功能，可直接给输入框增加语音功能，下面我们先来看看实现方法。 大家可以看到在输入框右边的麦克风图标，点击麦克风就能够进行语音识别了。 其实很简单，语音识别是html5的...
此外，还可以使用`x-webkit-grammar`属性来指定语音输入的语法。这对于搜索框特别有用，因为它可以帮助过滤掉像“的”、“啦”这样的常用词汇，使搜索结果更加精确。例如，设置为内置的搜索语法： ```html ...
细心的朋友可能会观察到谷歌搜索右侧有个语音搜索功能，能够实现语音识别功能，可能功能还不够完善，不过也算是一种趋势...3.x-webkit-grammar:指的是语音输入语法，"builtin:search”值使得语音输入的内容尽量靠近搜索
Speechifier 是一个简单、静音的 Chrome 扩展程序，它使每个文本框都成为语音输入框。 使用此扩展程序，您可以与浏览器对话并输入您在页面上说的话。 它通过将“x-webkit-speech”属性添加到页面上的合格 HTML 元素...
Html5支持语音搜索，可惜的是...语音输入其他属性： lang 就是语言种类 可以控制输入框里面的语音的语言种类，例如 <input type="text" x-webkit-speech lang="zh-CN"/> 目前已知的只有onwebkitspeechchange，顾
除了`x-webkit-speech`属性，还有其他几个与语音输入相关的属性： 1. `lang`：这个属性用于指定用户预期的语音语言类型，比如`zh-CN`表示中文，`en-US`表示美式英语。这样可以帮助提高识别的准确性。 ```html ...
另外，x-webkit-speech 属性可以实现语音输入功能。 代码如下: <div><input type=”email” name=”email” spellcheck=”false” placeholder=”邮 箱” autofocus tabindex=”1″ x-webkit-speech></div> ...
1. `x-webkit-speech`：这是一个私有属性，它允许用户在支持的浏览器中，例如较旧版本的Chrome和Safari，使用麦克风进行语音输入。这个属性是由WebKit引擎的浏览器所特有的，并不是所有浏览器都支持的标准属性。 2....
此外，还有一个`x-webkit-grammar`属性，用于定义语音输入的语法。在搜索框中使用这个属性，系统会自动过滤掉像“的”、“啦”这样的填充词，提升搜索的准确性。例如，设置为内置的搜索语法： ```html ...
placeholder 默认提示字符 autofocus 当页面加载时，会获得焦点的一个按钮 x-webkit-speech 语音搜索,webkit内核才支持 accept 规定可上传的文件类型（仅适用type=file） alt 规定图片输入控件代替文本 ...
通过`<input type="text" x-webkit-speech/>`标签，我们可以实现语音输入的功能，尽管目前这一特性主要在谷歌浏览器上得到了较好的支持。 #### 语音输入标签详解 此标签实际上是一个带有特殊属性的`<input>`标签，...
4. `x-webkit-speech`：这是一个非标准但广泛支持的 WebKit（Chrome 和 Safari 的渲染引擎）属性，它使得输入框右侧显示一个小话筒图标，用户点击后可以激活语音识别功能。 5. `lang="zh-CN"`：这个属性定义了输入...
controller.js处理按钮输入并在speechRecognition.js开始识别 用法 在服务器上运行它，例如使用python： $ python3 -m http.server Serving HTTP on 0.0.0.0 port 8000 (http://0.0.0.0:8000/) ... 使用Webkit...
Web Speech API同样提供了`SpeechRecognition`接口，用于将用户的语音输入转换为文本。以下是一个基本的语音识别示例： ```javascript let recognition = new webkitSpeechRecognition(); recognition.onresult = ...