Day16. UI 實戰篇：Combo Box

September 25, 2020

180

Day16. UI 實戰篇：Combo Box

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

Kalan

September 25, 2020

Tweet

More Decks by Kalan

See All by Kalan

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

0

770

選擇 Svelte 的三個理由 - JSDC

0

330

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

0

160

状態管理を楽にする道

1

360

Day25. 如何解析 HTML 語法

0

140

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

0

190

Svelte 如何編譯程式碼（1）

0

180

Day22. Svelte 經驗談

0

160

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

0

150

Other Decks in Programming

See All in Programming

ワンバイナリWebサービスのススメ

10

7.5k

TypeScript を活かしてデザインシステム MCP を作る / #tskaigi_after_night

4

480

がんばりすぎないコーディングルール運用術

1

180

JSAI2025 RecSysChallenge2024 優勝報告

1

380

try-catchを使わないエラーハンドリング！？ PHPでResult型の考え方を取り入れてみよう

3

340

"使いづらい" をリバースエンジニアリングする UI の読み解き方

rebase_engineering

0

110

TSConfig Solution Style & subpath imports to switch types on a per-file basis

1

180

Passkeys for Java Developers

1

260

AIにコードを生成するコードを作らせて、再現性を担保しよう！ / Let AI generate code to ensure reproducibility

7

6.1k

Zennの運営完全に理解した #完全に理解したTalk

1

140

バランスを見極めよう！実装の意味を明示するための型定義 TSKaigi 2025 Day2 (5/24)

2

780

FastMCPでMCPサーバー/クライアントを構築してみる

2

100

Featured

See All Featured

Refactoring Trust on Your Teams (GOTO; Chicago 2020)

34

3k

We Have a Design System, Now What?

52

7.6k

28

5.4k

Building a Scalable Design System with Sketch

462

33k

Bash Introduction

614

210k

GraphQLとの向き合い方2022年版

46

14k

Navigating Team Friction

186

15k

Stop Working from a Prison Cell

269

20k

Statistics for Hackers

799

220k

[RailsConf 2023 Opening Keynote] The Magic of Rails

29

9.5k

Designing for Performance

608

69k

Intergalactic Javascript Robots from Outer Space

271

27k

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