如何制作一个html语音按钮

Question

所以我试着制作一个html5语音按钮 我想要谷歌翻译网站上的那个按钮 http://translate.google.com如果您使用Chrome浏览器访问该网站，您会发现一个文字语音输入谷歌提供的Chrome浏览器 所以我看了一下HTML代码，我发现了这个

  <input id="gt-speech-in" type="text" speech="speech" x-webkit-speech="x-webkit-speech"                
  x-webkit-grammar="builtin:translate" size="1" lang="en" style="" tabindex="-3">

它不会像在translate.google中那样输出按钮，只是输出一个小文本输入 那么如何将其更改为按钮或将其缩小以使其看起来像按钮？

Answer 1

在Chrome中，上方的代码显示输入麦克风，您可以控制样式中文本输入字段的大小，例如：

<input id="gt-speech-in" type="text" speech="speech" x-webkit-speech="x-webkit-speech"                
x-webkit-grammar="builtin:translate" size="1" lang="en" style="width:200px;" tabindex="-3">

您是否尝试在表单上显示任何其他内容（或让它在非Chrome环境中运行）？