Thẻ <menu> HTML
Thí dụ
Một menu ngữ cảnh với các phần tử <menuitem> khác nhau:
<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>
Định nghĩa và Cách sử dụng
Thẻ <menu> xác định danh sách / menu lệnh.
Thẻ <menu> được sử dụng cho menu ngữ cảnh, thanh công cụ và để liệt kê các điều khiển và lệnh của biểu mẫu.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử.
Element | |||||
---|---|---|---|---|---|
<menu> | Not supported | Not supported | 8.0 (only context menus) |
Not supported | Not supported |
Lưu ý: Thẻ <menu> chỉ được hỗ trợ trong Firefox và nó chỉ hoạt động cho các menu ngữ cảnh.
Mẹo và lưu ý
Mẹo: Sử dụng CSS để tạo kiểu cho danh sách menu.
Thuộc tính
Attribute | Value | Description |
---|---|---|
label | text | Specifies a visible label for the menu |
type | list toolbar context |
Specifies which type of menu to display |
Thuộc tính toàn cầu
Thẻ <menu> cũng hỗ trợ các Thuộc tính Toàn cục trong HTML .
Thuộc tính sự kiện
Thẻ <menu> cũng hỗ trợ các Thuộc tính Sự kiện trong HTML .
Các trang liên quan
Tham chiếu HTML DOM: Đối tượng Menu
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị phần tử <menu> với các giá trị mặc định sau:
menu {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}