Atribut inputmode HTML

Definisi dan penggunaan

inputmode Atribut ini memungkinkan Anda mengubah penampilan papan tombol (keyboard) di ponsel atau tablet (atau setiap perangkat yang memiliki papan tombol virtual):

Lihat pula:

Panduan HTML:Atribut HTML

Contoh

Pemberitahuan:Silakan jalankan contoh di ponsel atau tablet untuk melihat hasilnya.

Contoh 1

Hanya tampilkan tombol angka di papan tombol (keyboard) (virtual):

<input type="text" inputmode="numeric">
Hasil tampilan inputmode di ponsel

coba sendiri

Contoh 2

Contoh di bawah ini menggunakan "email" inputmode:

<input type="text" inputmode="email">
Hasil tampilan inputmode di ponsel

coba sendiri

gramatika

<element inputmode="decimal|email|none|numeric|search|tel|text|url">

Nilai atribut

Nilai Deskripsi
decimal Tampilkan hanya papan tombol angka, biasanya ada tombol koma.
email Papan tombol teks, tombol biasanya digunakan untuk alamat email, seperti [@].
none Papan tombol tidak muncul.
numeric Tampilkan hanya papan tombol angka.
search Papan tombol teks, tombol [enter] biasanya ditampilkan sebagai [go].
tel Tampilkan hanya papan tombol angka, biasanya juga ada tombol [+] dan [*] serta [#].
text Default. Papan tombol teks.
url Papan tombol teks, tombol biasanya digunakan untuk alamat situs web, seperti [.] dan [/], serta tombol khusus [.com] atau akhir dari nama domain penataan lokal lainnya.

Dukungan browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
66 79 95 12.2 53