html5 语音输入功能

使用bootstrap输入框事，在本上看到输入框的后方出现了一个小小的麦克图标，我的台式机上是没有的，感觉很怪异，于是详细查看input标签的属性，发现一个陌生的属性x-webkit-speech，
删除该属性，麦克图标随机消失，感觉好神奇……
网上查了下该属性的信息，原来是html5中特有的属性，支持输入框可用语音输入，不禁感叹，又后退了，赶紧学习……
下面是用法：

1：判断是否支持语音输入功能
if(document.createElement("input").webkitSpeech === undefined) {
    alert("Speech input is not supported in your browser.");
}

2：使用方法
<input type="text" /> 

3：设置语种
<input lang="zh-CN" type="text" />

4：响应事件
<input type="text" />
function foo(){
  alert('changed');
}

暂时还没时间测试，先记录下，后面再细用^_^!