Contoh
Sebuah menu konteks dengan berbagai <menuitem> elemen:
<menu type="context" id="mymenu">
<menuitem label="Refresh"
onclick="window.location.reload();" icon="ico_reload.png">
</menuitem>
<menu label="Share on...">
<menuitem label="Twitter"
icon="ico_twitter.png"
onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);">
</menuitem>
<menuitem label="Facebook" icon="ico_facebook.png"
onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
</menuitem>
</menu>
<menuitem label="Email This Page"
onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu> Cobalah sendiri " Definisi dan Penggunaan
The <menuitem> tag mendefinisikan item perintah / menu bahwa pengguna dapat memanggil dari menu popup.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung elemen.
| Elemen | |||||
|---|---|---|---|---|---|
| <menuitem> | Tidak didukung | Tidak didukung | 8,0 (Untuk menu konteks) | Tidak didukung | Tidak didukung |
Catatan: <menuitem> tag hanya didukung di Firefox, dan hanya bekerja untuk menu konteks.
Perbedaan Antara HTML 4.01 dan HTML5
The <menuitem> tag yang baru di HTML5.
atribut
= Baru di HTML5.
| Atribut | Nilai | Deskripsi |
|---|---|---|
| checked | checked | Menentukan bahwa item perintah / menu harus diperiksa ketika beban halaman. Hanya untuk type="radio" atau type="checkbox" |
| command | ||
| default | class = "notranslate" default | Menandai item perintah / menu sebagai sebuah perintah default |
| disabled | disabled | Menentukan bahwa item perintah / menu harus dinonaktifkan |
| icon | URL | Menentukan sebuah ikon untuk item perintah / menu |
| label | text | Wajib. Menentukan nama item perintah / menu, seperti yang ditunjukkan kepada pengguna |
| radiogroup | groupname | Menentukan nama kelompok perintah yang akan toggle ketika item perintah / menu sendiri toggle. Hanya untuk type="radio" |
| type | checkbox command radio | Menentukan jenis item perintah / menu. Default adalah "command" |
Atribut global
The <menuitem> tag juga mendukung Atribut Global di HTML .
Atribut acara
The <menuitem> tag juga mendukung Acara Atribut di HTML .
Pages terkait
Referensi HTML DOM: MenuItem Object