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

C++でシェーダを書く

6

4.1k

3 Effective Rules for Using Signals in Angular

1

100

よくできたテンプレート言語として TypeScript + JSX を利用する試み / Using TypeScript + JSX outside of Web Frontend #TSKaigiKansai

6

1.8k

Click-free releases & the making of a CLI app

2

120

Snowflake x dbtで作るセキュアでアジャイルなデータ基盤

2

520

シェーダーで魅せるMapLibreの動的ラスタータイル

1

480

ECS Service Connectのこれまでのアップデートと今後のRoadmapを見てみる

2

250

CSC509 Lecture 12

0

160

Figma Dev Modeで変わる！Flutterの開発体験

0

150

3 Effective Rules for Using Signals in Angular

0

100

CSC509 Lecture 09

0

140

ヤプリ新卒SREのオンボーディング

0

130

Featured

See All Featured

Why Our Code Smells

334

57k

25

5k

Building an army of robots

302

43k

Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure

42

9.2k

No one is an island. Learnings from fostering a developers community.

19

3k

Being A Developer After 40

87

590k

[RailsConf 2023 Opening Keynote] The Magic of Rails

28

9.1k

Building Better People: How to give real-time feedback that sticks.

364

19k

The Illustrated Children's Guide to Kubernetes

48

48k

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

506

140k

Making the Leap to Tech Lead

133

8.9k

Adopting Sorbet at Scale

73

9.1k

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