這篇文章給大家分享的是有關HTML5如何給輸入框添加語音輸入功能的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)專注于網(wǎng)站建設，為客戶提供成都做網(wǎng)站、成都網(wǎng)站設計、網(wǎng)頁設計開發(fā)服務，多年建網(wǎng)站服務經驗，各類網(wǎng)站都可以開發(fā)，品牌網(wǎng)站建設，公司官網(wǎng)，公司展示網(wǎng)站，網(wǎng)站設計，建網(wǎng)站費用，建網(wǎng)站多少錢，價格優(yōu)惠，收費合理。

大家可以看到在輸入框右邊的麥克風圖標，點擊麥克風就能夠進行語音識別了。

其實很簡單，語音識別是html5的基本功能，它的用法是

如果喜歡XHTML類似的語法，可以這樣表示

語音識別在十年前是讓人覺得不可思議的事情，即便是前些年，網(wǎng)頁上的語音識別也只能使用其他方式實現(xiàn)，比如使用Flashplayer等等。不過現(xiàn)在，獲取語音只需要簡單的給輸入框加入一個屬性標簽，就能夠進行識別了。

移動設備如手機上的瀏覽器，只要支持html5，同樣也應該支持語音識別。試試你的Android瀏覽這個網(wǎng)頁？

另外，如果想用javascript獲取語音識別這個事件的結束，可以使用onwebkitspeechchange

感謝各位的閱讀！關于“HTML5如何給輸入框添加語音輸入功能”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！