html 음성 버튼을 만드는 방법

Question

html5 음성 버튼을 만들려고합니다. Google 번역 웹 사이트에서 해당 버튼을 원합니다. http://translate.google.com 크롬 웹 사이트를 방문한 경우 텍스트 입력으로 구글은 그래서 내가 HTML 코드를 살펴했고 내가 그것을 translate.google에서처럼 출력하지 버튼이 그냥 어떻게 이렇게 작은 텍스트 입력 를 출력 않습니다이

<input id="gt-speech-in" type="text" speech="speech" x-webkit-speech="x-webkit-speech"     
    x-webkit-grammar="builtin:translate" size="1" lang="en" style="" tabindex="-3"> 

을 발견 크롬 브라우저 제공 단추로 변경하거나 단추를 더 작게 만들면 단추처럼 보일 수 있습니까?

Answer 1

위의 코드 조각 디스플레이 입력 마이크를 수행, 당신은 스타일 등의 텍스트 입력 필드의 크기를 제어 할 수 있습니다 크롬에서

:

<input id="gt-speech-in" type="text" speech="speech" x-webkit-speech="x-webkit-speech"     
x-webkit-grammar="builtin:translate" size="1" lang="en" style="width:200px;" tabindex="-3"> 

당신이에 표시 할 anythng 추가 취득하려고 양식 (또는 Chrome 이외의 환경에서 작동하도록 설정)