caixa de pesquisa CAIXA DE PESQUISA COM PESQUISA DE VOZ

[Jack Oliveira 1]

Ola galera de novo,   bom sei que pra quem ja sabe seria facil mais eu tou na area ainda de criar e saber sobre php ou html

eu tenho um site de Guia comercial porem seja simples 

mais queria bom queria não quero por o de fazer pesquisa por voz tbm na minha caixa de busca igual do google, ja pesquisei e os que dizem la nao funciona  esta aqui e a minha caixa de busca que eu uso para meu site, 

 

não sei se esta faltando codigo nela  mais funciona no meu site so porem falta a pesquisa por voz

 

<style type="text/css">
#caixa-b-1 {
    text-align: center;
    margin: 0;
          height: 80px;
    width: 100%;
    padding: 0px 16px;
    display: inline-block;
    border: solid 0px #D2D2D2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -goog-ms-border-radius: 2px;
    border-radius: 2px;
}
#pesquisar-form-b-1 {
    font:  normal bold 23px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
    padding: 25px;
    color: #000;
    border: 1px solid #D2D2D2;
    background: #FFF;
          height: 29px;
          width: 540px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -goog-ms-border-radius: 5px;
    border-radius: 0px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.30) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.30) inset;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.30) inset;
}
#submit-button-b-1 {
    color: #435444;
    margin: 0 0 0 9px;
    height: 80px;
          width: 200px;
    border: 1px solid #DDD;
    font: normal bold 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
    text-shadow: 0 2px 2px rgba(0,0,0,0);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -goog-ms-border-radius: 5px;
    border-radius: 0px;
    background: #000000;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF));
    background: -moz-linear-gradient(top, #000000, #);
}
</style>
<div id="caixa-b-1"><form action="http://127.0.0.1/envia.php" method="post" name="input" target="frm-index1">
<input id="pesquisar-form-b-1" name="pesquisar" type="text" autocomplete="off" placeholder="Pesquise por empresas, segmento ou serviço..." x-webkit-speech="x-webkit-speech" /><input id="submit-button-b-1" type="submit" value="       Pesquisar           " /></form></div>