【 HTML 】 下拉式選單

<datalist> 是表單元素裡的下拉式選單，功能跟<select> 大致上相似， 都是給使用者一個下拉式的選單，可以對選項作選擇， 兩者也都只是個容器，需要在標籤內加入 ...

HTML 5 結構元素 · article：一個完整的文件、頁面，可以是一篇文章或一段評論。 · section：用來將頁面資訊進行分區。 · nav：頁面導覽，一個頁面可有多個nav ...

2020年5月6日 — <select> 用來建立下拉式選單(dropdown menu)，讓使用者可以從一堆選項中選擇出一個或多個選項。

2017年9月26日 — HTML5 的最新規格中，提供了一系列語意標籤（Semantic Elements），包括<header>、<nav>、<main>、<footer>、<mark>、<time> 等等。若您已經具備網頁設計基礎， ...

2018年7月2日 — 只要是在網站內的導航區塊，都適合使用<nav>來做架構，像是主選單、表尾選單等⋯⋯。 HTML5選單架構方式: <nav> <ul> ...

2020年5月27日 — HTML5新標籤，讓選單可用文字輸入方式篩選出其中選項，並且讓它偽裝成select的行為！

<select> 、 <option> 和 <optgroup> 是HTML 表單裡的下拉選單元素， <select> 是下拉選單的主體，而 <option> 、 <optgroup> 則構成下拉選單的選項以及選項群組。

下拉選單是可切換的內文overlay，用於顯示連結列表或其他內容。這些交互功能於Bootstrap JavaScript 下拉選單插件提供。透過點擊切換，而不是滑入的方式，這是一個策劃好了的 ...

一般導覽列選單功能使用ul 清單中，會將li 視為一個行內元素，並且定義好寬高的資料，做成類似按鈕的形狀。之後透過:hover 的滑鼠特效， 給予適當的對比顏色即可。就讓我們來玩 ...