Heim > Web-Frontend > H5-Tutorial > So implementieren Sie ein Sprachsuchfeld mit HTML5_HTML5-Tutorial-Kenntnissen

So implementieren Sie ein Sprachsuchfeld mit HTML5_HTML5-Tutorial-Kenntnissen

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Freigeben: 2016-05-16 15:48:10
Original
2091 Leute haben es durchsucht

Werfen wir zunächst einen Blick auf die verschiedenen Displays.
Das Folgende ist ein Screenshot unter Firefox:

Das Folgende ist ein Screenshot in Chrome:

Was Sie vermuten können, ist, dass der geschriebene Code definitiv inkompatibel ist. Aber Sie werden feststellen, dass es relativ einfach ist. Selbst wenn Sie ein Front-End-Anfänger sind, werden Sie

Kopieren Sie den Code verstehen
Der Code lautet wie folgt:

Die Bedeutung der Parameter:
x-webkit-speech: Es lässt ein kleines Mikrofon auf der rechten Seite Ihres Eingabefelds erscheinen, mit eine Sprachfunktion.
lang: Dies ist der Sprachtyp der Stimme im obligatorischen Eingabefeld. Das oben geschriebene lang="zh-CN" bezieht sich beispielsweise auf vereinfachtes Chinesisch.
x-webkit-grammar: bezieht sich auf die Spracheingabegrammatik. Der Wert „builtin:search“ bringt den Spracheingabeinhalt so nah wie möglich an den Suchinhalt und entfernt redundante Zeichen.

Hinweis: Allerdings muss die Kompatibilität dieser Hardware noch verbessert werden, denn wenn man chinesische und englische Stimmen mischt, wird es wahrscheinlich viele Probleme geben.

Verwandte Etiketten:
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Aktuelle Ausgaben
HTML5-Validierung für Symfony 2.1
Aus 1970-01-01 08:00:00
0
0
0
Der Unterschied zwischen HTML und HTML5
Aus 1970-01-01 08:00:00
0
0
0
html5 anzeigen ausblenden
Aus 1970-01-01 08:00:00
0
0
0
HTML5-Formularvalidierung
Aus 1970-01-01 08:00:00
0
0
0
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage