Langsung ke konten utama

Cara Membuat HTML5 Speech Input

html5 speech input
HTML5 Speech Input
Ada yang baru dalam kontrol html, yaitu ialah speech input. Sama sperti input text yang umum namun kali ini namun ada tambahan mic yang memungkinkan input text dapat terisi dengan berdasarkan kata yang anda diucapkan melalui microphone.

Untuk membuatnya anda bisa menambahkan atribut x-webkit-speech pada elemen text input, Contoh :
<input type="text" x-webkit-speech="" />
Namun sangat disayangankan, fitur ini sejauh ini hanya dapat didukung oleh browser Google Chrome.

Komentar

  1. mungkin kedepan nya bisa di sempurnakan, dan di dukung oleh semua browser =D

    BalasHapus
    Balasan
    1. bener banget Kang Farrij. Moga aja kedepannya bisa support di semua browser.

      Hapus
  2. sepertinya ini yg saya cari .. wohoo! hebat banget nih HTML5 , dibuat se-simple mungkin dan se-flexible mungkin .. thanks gan rizky info nya. manfaat banget.

    BalasHapus
  3. wah, bisa dibuat sesimple gini kodeny. keren ^_^

    BalasHapus

Posting Komentar

Blog ini tidak menerima komentar via OpenID atau Anonim.
Link aktif akan secara otomatis terhapus oleh sistem.
Untuk memasukkan link dengan aman, gunakan kode [url=http://sites.com]Teks Link[/url]
Untuk memasukkan kode, gunakan kode <i rel="code">Kode Kamu</i>
Untuk memasukkan kode yang panjang, gunakan kode <i rel="pre">Kode Panjang Kamu</i>
Untuk menyisipkan gambar, gunakan kode [img]Url Gambar[/img]
Untuk memasukkan title, gunakan kode <b rel="h4">Title kamu ...</b>
Untuk memberikan efek huruf tebal pada teks, gunakan kode <strong>Teks Kamu ...</strong>
Untuk memberikan efek huruf miring pada teks, gunakan kode <em>Teks Kamu ...</em>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

Emotikon
:) :( ^_^ :D ;) :-bd :'( :\ :p B) :Q :Ozz 7:( \o/ **p <3 0:) :-a 7:O *fck* x@ X@ ~x( :yaya: =p*

Postingan populer dari blog ini

Contenteditable Alternatif Elemen Input pada HTML

Contenteditable Alternatif Elemen Input pada HTML Pada kali ini Males code akan menjelaskan tentang Contenteditable Alternatif Elemen Input pada HTML. Dimana penggunakan tag contenteditable='' ini dapat membuat elemen yang kita inginkan dapat kita ubah kontennya seperti teks layaknya elemen input yang biasa kita lihat.
Pada tag contenteditable='true|false' ini terdapat 2 value, yaitu true untuk membuat fungsi ini berjalan & sedangkan false sebaliknya.
Penggunaannya cukup mudah, hanya cukup menambahkan tag contenteditable='true|false' pada elemen yang kita inginkan.

Contoh contenteditable pada elemen paragraf
<p contenteditable="true|false">Ini adalah elemen paragraf yang bisa diedit.</p>Ketika attribut contenteditable='true|false' tidak diatur pada elemen, maka elemen akan mewarisi style/gaya dari elemen induknya. Lalu bagaimana dengan Placeholder?? Seperti yang kita ketahui juga, bahwa tag placeholder='' ini hanya bekerj…

TypoTerapi Blogger Template

Pada kesempatan kali ini, Males Code mau membagikan sebuah project yang sebenarnya sudah lama selesai dikerjakan dalam 2 hari, namun kali ini kesempatannya kesampaian.

Sebuah Template Sederhana yang saya bilang cukup menarik dikarena memiliki fitur:
AMP (Memungkinkan Load di Mobile Lebih Cepat)Mobile FriendlyFast LoadInshaallah Full SEO ^_^Free
Live Demo | [Link Download Segera Menyusul Sesuai Permintaan ^_^]
Jika kamu berkenaan untuk menyumbangkan sumbangsinya sebagai bentuk upaya terima kasih. Kamu bisa lakukan pembayaran Via Pulsa ke sini: 082277107703
Sekian, jika ada pertanyaan dalam penggunaan template, silahkan gunakan form komentar dibawah, teirma kasih ^_^

CSS Box Shadow - Membuat Bayangan Pada Elemen Tertentu

Css Box Shadow adalah salah satu property dari css3 yang berfungsi untuk memberikan efek bayangan pada elemen tertentu pada sebuah web.

Nilai Properti *nilai negatif pada value diizinkan
NilaiDeskripsiNoneNilai awal, tidak ada bayangan yang ditampilkanh-shadowPenting, Berfungsi untuk mengatur bayangan secara horizontal*v-shadowPenting, Berfungsi untuk mengatur bayangan secara vertikal*blurOpsional, untuk mengatur jarak blurspreadOpsional, untuk mengatur ukuran bayangancolorOpsional, untuk mengatur warna bayanganinsetOpsional, untuk membuat bayangan berada didalam elemeninitialSet, untuk membuat setingan secara standarinheritSet, untuk membuat bayangan sama seperti elemen pertama berikut ini adalah contoh dasar penggunaan CSS Box Shadow pada elemen:
Bayangan Diluardiv { -webkit-box-shadow:15px 10px 8px #666; /* Khusus untuk Safari & Chrome */ -moz-box-shadow:15px 10px 8px #666; /* Khusus untuk Firefox */ box-shadow:15px 10px 8px #666; /* Standar W3C */ } Bayangan …