HTML <menu> Tag

Örnek

<div data-height="268" data-theme-id="19659" data-slug-hash="YyQLKX" data-default-tab="html" data-user="w3tr" class='codepen'><pre><code><menu>
  <li>
    <button type=&quot;menu&quot; value=&quot;File&quot; menu=&quot;file-menu&quot;>
    <menu type=&quot;context&quot; id=&quot;file-menu&quot;>
      <menuitem label=&quot;Yeni&quot; onclick=&quot;newFile()&quot;>
      <menuitem label=&quot;Kaydet&quot; onclick=&quot;saveFile()&quot;>
    </menu>
  </li>
  <li>
    <button type=&quot;menu&quot; value=&quot;Edit&quot; menu=&quot;edit-menu&quot;>
    <menu type=&quot;context&quot; id=&quot;edit-menu&quot;>
      <menuitem label=&quot;Kes&quot; onclick=&quot;cutEdit()&quot;>
      <menuitem label=&quot;kopyala&quot; onclick=&quot;copyEdit()&quot;>
      <menuitem label=&quot;Yapıştır&quot; onclick=&quot;pasteEdit()&quot;>
    </menu>
  </li>
</menu>

Bu etiket  komut listesi veya menü tanımlamak için kullanılır. İçerik menüleri, araç çubukları ve form kontrolleri için komut listeleri oluşturmakta kullanılır.

Codepen Ön izleme

 

<menu>
  <li>
    <button type="menu" value="File" menu="file-menu">
    <menu type="context" id="file-menu">
      <menuitem label="Yeni" onclick="newFile()">
      <menuitem label="Kaydet" onclick="saveFile()">
    </menu>
  </li>
  <li>
    <button type="menu" value="Edit" menu="edit-menu">
    <menu type="context" id="edit-menu">
      <menuitem label="Kes" onclick="cutEdit()">
      <menuitem label="kopyala" onclick="copyEdit()">
      <menuitem label="Yapıştır" onclick="pasteEdit()">
    </menu>
  </li>
</menu>

See the Pen YyQLKX by W3TR (@w3tr) on CodePen.

Nitelikler

Nitelik Değer Açıklama
label text Menünün içinde görünür bir etiket belirtmek için kullanılır.
type popup
toolbar
context
Menünün görüntülenme türünü belirmek için kullanılır

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir