Add Speech Recognition to your Website Search Form

Google.com recently added a Speech Recognition to their Search Box, but you can also add it . Currently this feature is only supported in Webkit based Browser like Google Chrome ,but hope it'll be added in other browsers soon.




What is the Main code behind the Speech Recognition?

With the arrival of HTML5 there comes another attribute for <Input> tag in  Chrome that is "x-webkit-speech" by adding this code your browser will insert Speech Recognition to the Input Form,

To offer your Visitors with this alternate method to search , you just need to add Highlighted Code to your Search Box Form
<form method="get" id="searchform" action="http://technotweaker.com/">
<input type="text" value="" name="s" id="s" x-webkit-speech />
<input type="submit" id="searchsubmit" value="Search" />
</form>

You can add Speech Recognition in any Input tag by just Adding "x-webkit-speech"