Html Menuitem Tag
HTML menuitem, Referensi berguru HTML <menuitem>, Tutorial html menuitem, Penjelasan html <menuitem>
Tutorial HTML <menuitem>
Element HTML
menuitem dipakai sebagai serpihan dari element <menu> yang mendefinisikan item perintah melalui sajian pop-up kontekstual (menu yang keluar ketika klik kanan)Catatan : Periksa kembali table browser support mengenai element
<menuitem> iniPenting : element ini telah dihapus dari standarisasi HTML Web, dan dalam proses penjatuhan. Meskipun beberapa browser masih menampilkannya dengan baik, disarankan untuk tidak menggunakannya, sebab element ini dapat tidak berfungsi kapan saja.
Tips : sebagai gantinya penggunaan
JavaScript dapat menjadi alternativeContoh HTML <menuitem>
<menu type="context" id="mymenu"> <menuitem label="Refresh" onclick="reload();"></menuitem> <menu label="Bagikan"> <menuitem label="Twitter" onclick="twitter();"></menuitem> <menuitem label="Facebook" onclick="facebook();"></menuitem> </menu> <menuitem label="Alert 1" onclick="alert('alert 1')"></menuitem> <menuitem label="Alert 2" onclick="alert('alert 2')"></menuitem> </menu><!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> <style> div { background: #ffd5dd; border: 1px solid #e48a9c; padding: 10px; border-radius: 5px; } </style> </head> <body> <div contextmenu="mymenu"> <p>Klik kanan diarea ini</p> <menu type="context" id="mymenu"> <menuitem label="Refresh" onclick="reload();"></menuitem> <menu label="Bagikan"> <menuitem label="Twitter" onclick="twitter();"></menuitem> <menuitem label="Facebook" onclick="facebook();"></menuitem> </menu> <menuitem label="Alert 1" onclick="alert('alert 1')"></menuitem> <menuitem label="Alert 2" onclick="alert('alert 2')"></menuitem> </menu> </div> <script> function reload() { window.location.reload() } function twitter() { window.open("https://twitter.com/intent/tweet?text=" + window.location.href) } function facebook() { window.open("https://facebook.com/sharer/sharer.php?u=" + window.location.href) } </script> <p> Perhatikan Table browser support element ini </p> </body> </html>Attribute HTML <menuitem>
checkedMenentukan bila menuitem tersebut terpilih, bila attributenya checkbox atau radio.
commandAttribute ini dipakai untuk memilih
ID element yang terpisah.defaultAttribute ini memilih perintah default
disabledAttribute ini dipakai untuk menonaktifkan perintah dari list menu.
iconAttribute ini dipakai untuk menambahkan icon embel-embel pada menuitem
LabelAttribute ini dipakai untuk memilih nama atau judul yang akan ditampilkan, attribute ini bersifat wajib ada.
radiogroupAttribute ini dipakai untuk memilih nama dari beberapa perintah yang akan dialihkan, hanya untuk
type="radio".typeAttribute ini dipakai untuk memilih jenis perintah, nilai defaultnya yaitu
commandGlobal Attributes:
Element <menuitem> meliputi Global Attributes HTML.
Event Attributes:
Element <menuitem> meliputi Event Attributes HTML.
Browser Support HTML <menuitem>:
Desktop
| Chrome | Tidak |
|---|---|
| Safari | Tidak |
| Firefox | 8 |
| Opera | Tidak |
| IE | Tidak |
| Edge | Tidak |
Mobile
| Android webview | Tidak |
|---|---|
| Chrome Android | Tidak |
| Edge mobile | Tidak |
| Firefox Android | 8 |
| IE mobile | Tidak |
| Opera Android | Tidak |
| iOS Safari | Tidak |
Table Info
- Nilai pada table memilih versi minimal browser