Blogger Ever

Create voice recognize in Search engine in your blog

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. 
Blogger

2013-2016 Copyright Blogger E\ver . Coded, managed and founded by Mohammad Hamza (@hamzadhamiya) . Hosted on Blogger and fonts used are Raleway and Open Sans.