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

750

選擇 Svelte 的三個理由 - JSDC

0

300

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

0

150

状態管理を楽にする道

1

320

Day25. 如何解析 HTML 語法

0

130

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

0

170

Svelte 如何編譯程式碼（1）

0

160

Day22. Svelte 經驗談

0

140

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

0

130

Other Decks in Programming

See All in Programming

Zoneless Testing

rainerhahnekamp

0

120

20年もののレガシープロダクトに 0からPHPStanを入れるまで / phpcon2024

0

500

テスト自動化失敗から再挑戦しチームにオーナーシップを委譲した話/STAC2024 macho

1

1.3k

php-conference-japan-2024

0

330

クリエイティブコーディングとRuby学習 / Creative Coding and Learning Ruby

0

3.9k

Spatial Rendering for Apple Vision Pro

0

110

Androidアプリのモジュール分割における:x:commonを考える

1

140

MCP with Cloudflare Workers

2

220

Security_for_introducing_eBPF

0

110

わたしの星のままで一番星になる ~ 出産を機にSIerからEC事業会社に転職した話 ~

0

180

責務を分離するための例外設計 - PHPカンファレンス 2024

6

1.5k

Haze - Real time background blurring

1

520

Featured

See All Featured

Designing Dashboards & Data Visualisations in Web Apps

229

52k

Measuring & Analyzing Core Web Vitals

4

170

Dealing with People You Can't Stand - Big Design 2015

365

25k

Gamification - CAS2011

80

5.1k

Bash Introduction

608

210k

Designing Experiences People Love

138

23k

The Cult of Friendly URLs

78

6.1k

Why Our Code Smells

335

57k

Let's Do A Bunch of Simple Stuff to Make Websites Faster

507

140k

4 Signs Your Business is Dying

181

21k

Optimising Largest Contentful Paint

33

3k

How To Stay Up To Date on Web Technology

789

250k

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