html - 如何制作一个html语音按钮

Question

因此，我正在尝试制作一个html5 语音 按钮浏览器，所以我看了一下 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 环境中工作）？