HTML menuitem, Referensi belajar HTML <menuitem>, Tutorial html menuitem, Penjelasan html <menuitem>
Tutorial HTML <menuitem>
Element HTML
menuitem digunakan sebagai bagian dari element <menu> yang mendefinisikan item perintah melalui menu pop-up kontekstual (menu yang keluar saat 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, karena element ini bisa tidak berfungsi kapan saja.
Tips : sebagai gantinya penggunaan
JavaScript bisa 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 jika menuitem tersebut terpilih, jika attributenya checkbox atau radio.
commandAttribute ini digunakan untuk menentukan
ID element yang terpisah.defaultAttribute ini menentukan perintah default
disabledAttribute ini digunakan untuk menonaktifkan perintah dari list menu.
iconAttribute ini digunakan untuk menambahkan icon tambahan pada menuitem
LabelAttribute ini digunakan untuk menentukan nama atau judul yang akan ditampilkan, attribute ini bersifat wajib ada.
radiogroupAttribute ini digunakan untuk menentukan nama dari beberapa perintah yang akan dialihkan, hanya untuk
type="radio".typeAttribute ini digunakan untuk menentukan jenis perintah, nilai defaultnya adalah
commandGlobal Attributes:
Element <menuitem> mencakup Global Attributes HTML.
Event Attributes:
Element <menuitem> mencakup 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 menentukan versi minimal browser