Create voice recognize in Search engine in your blog

The search bar with voice recognize could be the Google voice search now in website.This voice system works only in Google Chrome for now,maybe in future it may work in all major browsers.Its simple and easy so lets begin.
Lets start with a simple search bar.

<form action="/search" style="display:inline;" method="get">
<input name="q" size="40" type="text" placeholder=" Type!"/>
<input value="Search" type="submit"/>
</form>

This will create this simple search bar

But what if you add the voice recognizance in it.
Just add x-webkit-speech="true" in input tag

Like this one.

<form action="/search" style="display:inline;" method="get">
<input type="text" name="q" size="30" x-webkit-speech="true"/>
<input value="Search" type="submit"/>
</form>

This will create this.