Day16. UI 實戰篇：Combo Box

September 25, 2020

160

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

290

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

0

140

状態管理を楽にする道

1

310

Day25. 如何解析 HTML 語法

0

130

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

0

170

Svelte 如何編譯程式碼（1）

0

150

Day22. Svelte 經驗談

0

140

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

0

130

Other Decks in Programming

See All in Programming

Why Jakarta EE Matters to Spring - and Vice Versa

0

1.1k

『ドメイン駆動設計をはじめよう』のモデリングアプローチ

8

540

PHP でアセンブリ言語のように書く技術

1

170

イベント駆動で成長して委員会

1

320

3 Effective Rules for Using Signals in Angular

1

100

CSC509 Lecture 09

0

140

エンジニアとして関わる要件と仕様(公開用)

0

290

macOS でできるリアルタイム動画像処理

9

2.4k

弊社の「意識ﾁｮｯﾄ低いアーキテクチャ」10選

5

24k

Contemporary Test Cases

0

140

0

460

RubyLSPのマルチバイト文字対応

0

120

Featured

See All Featured

34

3k

Teambox: Starting and Learning

133

8.8k

Large-scale JavaScript Application Architecture

510

110k

Put a Button on it: Removing Barriers to Going Fast.

59

3.5k

A better future with KSS

238

17k

Optimising Largest Contentful Paint

33

2.9k

Building Applications with DynamoDB

90

6.1k

ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020

109

49k

What’s in a name? Adding method to the madness

productmarketing

22

3.1k

ReactJS: Keep Simple. Everything can be a component!

665

120k

Testing 201, or: Great Expectations

38

7.1k

Bootstrapping a Software Product

305

110k

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