資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究如何在 HTML 中新增選單列表？
如果我們想在 HTML 中建立一個選單列表，我們需要使用 <menu> 標籤，它用於定義使用者可以用來建立列表表單控制元件、上下文選單、工具欄和命令的命令列表。
目前，這個 <menu> 標籤已從 HTML 中移除，並在 HTML5 中重新引入。在大多數平臺上，此標籤在大多數平臺上都不受支援。
語法
下面顯示了 HTML 中 <menu> 標籤的用法：
<menu> -- --- --- </menu>
下面顯示了選單標籤中存在的屬性
<menu type="list|context|toolbar">
list 包含預設值，用於定義可以執行某些操作的選單列表，這些操作在與使用者互動時會執行。
context 用於定義可以在與使用者互動之前執行操作的上下文選單。
toolbar 用於定義工具欄選單，該選單允許命令，並且還允許使用者立即與命令互動。
示例
以下是如何在 HTML 中新增選單列表的示例：
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:blue;"> TutorialsPoint WebSite </h1>
<h2>HTML <menu> type attribute </h2>
<div style="background:yellow; border:2px solid black; padding: 10px;" contextmenu="tutorial">
<p>Tutorials Point is a leading Ed Tech company striving to provide the best learning material on technical and non-technical subjects. <menu type="context" id="menuID">
<menu label="Share on...">
<menuitem label="HTML" onclick="https://tutorialspoint.tw/questions/category/HTML"></menuitem>
<menuitem label="Operating System" onclick="https://tutorialspoint.tw/questions/category/operating-system"></menuitem>
</menu>
<menuitem label="Email This Page" onclick="window.location='mailto:?body='+ window.location.href;"></menuitem>
</div>
<p>Tutorials Point is a leading Ed Tech company </p>
<hr>
<p>Right click on yellow color div and see the menuitem
</center>
</body>
</html>
“menu”標籤的內容如下所示：
<menuitem>
<li>
<script>
<hr>
HTML <menu> 標籤還支援以下其他屬性：
屬性 |
值 & 描述 |
|---|---|
label |
text 指定可見標籤。 |
type |
popup 指定要顯示的選單型別。 |
type |
context 指定要顯示的選單型別。 |
type |
toolbar 指定要顯示的選單型別。 |
示例
在以下示例中，我們嘗試使用 <menu> 標籤在 HTML 中新增選單列表：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Menu Tag example</title>
</head>
<body>
<menu>
<li>HTML Lists.</li>
<li>HTML Unordered Lists.</li>
<li>HTML Ordered Lists.</li>
<li>HTML Definition Lists.</li>
</menu>
</body>
</html>
示例
讓我們看另一個例子：
<!DOCTYPE>
<html>
<head>
<title>HTML is a markup language</title>
</head>
<body>
<h1>HTML -- menu tag.</h1>
<p>Creates a menu list................</p>
<menu>
<li>Home</li>
<li>Registration</li>
<li>About Us</li>
<li>Contact</li>
<li>Feedback</li>
</menu>
</body>
</html>
更新於： 2023年10月10日
831 次瀏覽
廣告