Input - x-webkit-speech

<input x-webkit-speech>

Example :

<input type="text" x-webkit-speech>

The x-webkit-speech attribute will indicate to the browser that the user should be given the option to complete this form field using speech input.

When speech input is enabled the element will have a small microphone icon displayed on the right of the input. Clicking on this icon will launch a small tooltip to show that your voice is now being recorded. You can also start speech input by focussing the element and pressing Ctrl + Shift + . on Windows, or Command + Shift + . on Mac.