本節書摘來自異步社群《html5 開發執行個體大全》一書中的第1章，第1.12節,作者： 張明星 更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。
https://yqfile.alicdn.com/4a1200389fb018ba46f8b15e75eb2f928ae7087b.png" >
執行個體說明
在html 5中，< command >是一個新增的标記元素，功能是定義各種類型的指令按鈕。利用該标記的“url”屬性可以添加圖檔，并且實作圖檔按鈕效果。另外，通過改變标記中的“type”屬性值，可以定義複選框或單選框按鈕。< command >元素包含的屬性及描述資訊如表1-2所示。
https://yqfile.alicdn.com/9cd88bb1ee7839fcedc0f3564bfd218293ceceb5.png" >
< command >能夠定義各種類型的按鈕，例如，指令按鈕、單選按鈕、圖檔按鈕，另外，也能夠定義複選框。如果< command >元素與< menu >元素結合使用，可以在網頁中實作彈出式的下拉菜單。當單擊菜單中的某個選項時，将執行相應的操作。
在本執行個體的頁面中，分别添加一個< menu >元素和兩個< command >元素，并将< command >元素包含在< menu >中。當單擊其中一個< command >元素時會彈出一個對話框，并且顯示對應操作的内容。
注意
雖然各浏覽器對html 5相容性都進行了很好的支援，但畢竟不可能照顧到每個元素的全部屬性，例如，< command >元素就有許多屬性不能被浏覽器支援，是以，所提到的功能也隻是html 5元素所具有的功能，暫時還不能真正執行，但随着各大浏覽器廠商對html 5的相容性力度的加強，這種暫時不相容的功能終将解決。
具體實作
使用dreamweaver建立一個名為“012.html”的檔案，具體代碼如下所示：
在上述代碼中，< command >标記元素被包含在< menu >元素中，同時為了使元素顯示手狀的被單擊效果，加入了如樣式中粗體所示的代碼；另外，當< command >元素被單擊時，彈出一個顯示操作内容的對話框，具體内容是javascript代碼中的部分，如圖1-22所示。
其實< command >元素除了可以觸發onclick事件外，還可以通過icon屬性設定按鈕圖檔，例如下面的代碼：
通過上述代碼建立了一個帶圖檔的< command >元素，并且指定了元素的名稱是“有圖的按鈕”。另外，還可以通過javascript代碼控制< command >元素的“disabled”屬性，例如下面的代碼：
上述javascript代碼的功能是，禁止單擊全部的< command >元素。通常将上述代碼放置在單擊< command >元素操作某項功能的後面，這樣可以防止使用者反複單擊或提示使用者按鈕已經單擊成功。