Day16. UI 實戰篇：Combo Box

September 25, 2020

170

Day16. UI 實戰篇：Combo Box

第 12 屆 IT 鐵人賽影片教學 — 30 天從 0 到 1 學 Svelte

Kalan

September 25, 2020

Tweet

More Decks by Kalan

See All by Kalan

單頁式應用中的無障礙設計

0

760

選擇 Svelte 的三個理由 - JSDC

0

320

Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21

0

150

状態管理を楽にする道

1

340

Day25. 如何解析 HTML 語法

0

130

Day24. Svelte 如何編譯程式碼（2）

0

180

Svelte 如何編譯程式碼（1）

0

170

Day22. Svelte 經驗談

0

150

Day18. UI 實戰篇 - 圖片檢視器

0

140

Other Decks in Programming

See All in Programming

iOSでQRコード生成奮闘記

2

140

良いコードレビューとは

9

8.4k

color-scheme: light dark; を完全に理解する

7

510

The Clean ArchitectureがWebフロントエンドでしっくりこないのは何故か / Why The Clean Architecture does not fit with Web Frontend

55

18k

機能が複雑化しても頼りになる FactoryBotの話

1

250

ナレッジイネイブリングにAIを活用してみるゆるSRE勉強会 #9

0

170

[JAWS DAYS 2025] 最近の DB の競合解決の仕組みが分かった気になってみた

0

170

Duke on CRaC with Jakarta EE

0

180

Your Architecture as a Crime Scene:Forensic Analysis @bastacon 2025 in Frankfurt

0

100

dbt Pythonモデルで実現するSnowflake活用術

0

270

AIプログラミング雑キャッチアップ

20

5.3k

Ça bouge du côté des animations CSS !

2

160

Featured

See All Featured

How to Think Like a Performance Engineer

22

1.4k

個人開発の失敗を避けるイケてる考え方 / tips for indie hackers

100

18k

Imperfection Machines: The Place of Print at Facebook

267

13k

Raft: Consensus for Rubyists

137

6.8k

実際に使うSQLの書き方徹底解説 / pgcon21j-tutorial

175

52k

Fight the Zombie Pattern Library - RWD Summit 2016

233

17k

Docker and Python

44

3.3k

The Illustrated Children's Guide to Kubernetes

48

49k

29

14k

Building Your Own Lightsaber

104

6.2k

GitHub's CSS Performance

1030

460k

A Philosophy of Restraint

203

16k

Transcript

第 12 屆 IT 鐵⼈賽 30 天從 0 到 1
學 Svelte Day16 - UI 實戰篇：下拉式組合⽅塊 Combo Box
第 12 屆 IT 鐵⼈賽應⽤情景使⽤者選擇清單中的某⼀項，並提供搜尋功能
第 12 屆 IT 鐵⼈賽功能可以輸入部分⽂字作匹配可點擊下拉選單選項改變輸入值 text 選項
1 選項 2 選項 3 選項 4 選項 5
第 12 屆 IT 鐵⼈賽進階功能使⽤者可以⽤鍵盤操作選項按下 Enter 後確認選項
按下 ESC 後關閉選單 Accessibility 的⽀援 combobox, listbox