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

330

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

ESLintプラグインを使用してCDKのセオリーを適用する

yamanashi_ren01

2

240

Flatt Security XSS Challenge 解答・解説

0

740

watsonx.ai Dojo #6 継続的なAIアプリ開発と展開

0

170

いりゃあせ、PHPカンファレンス名古屋2025 / Welcome to PHP Conference Nagoya 2025

1

190

月刊競技プログラミングをお仕事に役立てるには

1

1.2k

自分ひとりから始められる生産性向上の取り組み #でぃーぷらすオオサカ

3

300

shadcn/uiを使ってReactでの開発を加速させよう！

0

300

ChatGPT とつくる PHP で OS 実装

3

190

rails newと同時に型を書く

5

710

テストコードのガイドライン〜作成から運用まで〜

7

1.4k

良いユニットテストを書こう

11

3.6k

ecspresso, ecschedule, lambroll を PipeCDプラグインとして動かしてみた（プロトタイプ）　/ Running ecspresso, ecschedule, and lambroll as PipeCD Plugins (prototype)

2

1.9k

Featured

See All Featured

Unsuck your backbone

669

57k

VelocityConf: Rendering Performance Case Studies

327

24k

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

60

3.6k

Design and Strategy: How to Deal with People Who Don’t "Get" Design

127

18k

Site-Speed That Sticks

3

270

Facilitating Awesome Meetings

51

6.2k

Designing on Purpose - Digital PM Summit 2013

116

7.1k

10 Git Anti Patterns You Should be Aware of

656

59k

Build your cross-platform service in a week with App Engine

229

18k

Rails Girls Zürich Keynote

94

13k

Code Reviewing Like a Champion

521

39k

Thoughts on Productivity

68

4.4k

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