Самоучитель HTML Справочник HTML Глобальные атрибуты События Типы элементов Таблица цветов Спецсимволы HTML
Теги HTML

HTML тег <menu>

Поддержка браузерами

12.0+

Описание

HTML тег <menu> определяет список/меню команд.

Тег <menu> используется для контекстного меню, панели инструментов и для включения списка управления формой и команд.

Атрибуты

label:
Определяет видимую метку для меню.
type:
Определяет какой тип меню будет отображен на экране:
  • context - контекстное меню с командами, с которомы может взаимодействовать пользователь.
  • toolbar - список активных команд
  • list - неупорядоченный список элементов (каждый элемент такого списка создается с помощью тега <li>). Значение list используется по умолчанию.

Тег <menu> так же поддерживает Глобальные атрибуты и События

Стиль по умолчанию

menu {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
} 

Пример

<menu type="toolbar">
  <li>
    <menu label="File">
      <button type="button" onclick="file_new()">Новый...</button>
      <button type="button" onclick="file_open()">Открыть...</button>
      <button type="button" onclick="file_save()">Сохранить</button>
    </menu>
  </li>
  <li>
    <menu label="Edit">
      <button type="button" onclick="edit_cut()">Вырезать</button>
      <button type="button" onclick="edit_copy()">Скопировать</button>
     <button type="button" onclick="edit_paste()">Вставить</button>
    </menu>
  </li>
</menu> 

Результат данного примера в окне браузера:

Пример использования тега <menu>
    
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011-2016 © puzzleweb.ru

Реклама на сайте | Обратная связь