Атрибут type
Синтаксис
HTML
<menu>
...
<menuitem type="[значение]"
label="...">
...
</menu>
Описание
Атрибут / параметр type (от англ. "type" ‒ «тип») указывает тип команды контекстного меню.
Поддержка браузерами
Chrome
Firefox
Opera
Maxthon
IExplorer
Safari
iOS
Android
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | |
| 5.0 | |
| 5.1 | 4.11.4. The menuitem element The type attribute... |
| XHTML | |
| 1.0 | |
| 1.1 | |
Значения
- command
- Состояние «команды», при котором элемент представляет собой нормальную команду с соответствующим действием.
- checkbox
- Состояние «флажка», при котором элемент представляет собой состояние или вариант, который может быть переключён (включён/выключен).
- radio
- Состояние «радио кнопки», при котором элемент представляет собой возможность выбора одного элемента из списка (взаимоисключающих) элементов.
Значение по умолчанию: «command».
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр type (Элемент menuitem)</title>
</head>
<body>
<h1>Пример использования атрибута "type"</h1>
<p><img src="/examples/images/boletus.jpg" style="width: 320px; height: 256px" alt="Белый гриб (боровик)"></p>
<button type="menu" menu="imgedit">Изображение</button>
<menu type="popup" id="imgedit">
<menu label="Изменить размер">
<menuitem type="radio" radiogroup="resizeimg" label="Исходный размер" onclick="resize(0)">
<menuitem type="radio" radiogroup="resizeimg" label="Увеличить" onclick="resize(1)">
<menuitem type="radio" radiogroup="resizeimg" label="Уменьшить" onclick="resize(2)">
</menu>
<menu label="Отразить">
<menuitem type="checkbox" label="По горизонтали" onclick="reflect(h)">
<menuitem type="checkbox" label="По вертикали" onclick="reflect(v)">
</menu>
<menuitem type="command" label="Отправить" onclick="send()">
<menuitem type="command" label="Сохранить как..." onclick="save()">
</menu>
<script type="text/javascript">
// Скрипты команд кнопки меню
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр type (Элемент menuitem)</title>
</head>
<body>
<h1>Пример использования атрибута "type"</h1>
<p><img src="/examples/images/boletus.jpg" style="width: 320px; height: 256px" alt="Белый гриб (боровик)"></p>
<button type="menu" menu="imgedit">Изображение</button>
<menu type="popup" id="imgedit">
<menu label="Изменить размер">
<menuitem type="radio" radiogroup="resizeimg" label="Исходный размер" onclick="resize(0)">
<menuitem type="radio" radiogroup="resizeimg" label="Увеличить" onclick="resize(1)">
<menuitem type="radio" radiogroup="resizeimg" label="Уменьшить" onclick="resize(2)">
</menu>
<menu label="Отразить">
<menuitem type="checkbox" label="По горизонтали" onclick="reflect(h)">
<menuitem type="checkbox" label="По вертикали" onclick="reflect(v)">
</menu>
<menuitem type="command" label="Отправить" onclick="send()">
<menuitem type="command" label="Сохранить как..." onclick="save()">
</menu>
<script type="text/javascript">
// Скрипты команд кнопки меню
</script>
</body>
</html>
Параметр type (Элемент menuitem)