Day16. UI 實戰篇：Combo Box

September 25, 2020

290

Day16. UI 實戰篇：Combo Box

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

Kalan

September 25, 2020

More Decks by Kalan

See All by Kalan

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

0

850

選擇 Svelte 的三個理由 - JSDC

0

450

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

0

250

状態管理を楽にする道

1

460

Day25. 如何解析 HTML 語法

0

210

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

0

250

Svelte 如何編譯程式碼（1）

0

270

Day22. Svelte 經驗談

0

250

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

0

230

Other Decks in Programming

See All in Programming

6

1.1k

UPDATE をやめる — EF Core でマスタをバージョン管理する

PRO

0

1k

Everything will be SERVERLESS — 信じて運用した10年の経験値 / Everything Will be Serverless — Lessons Learned from 10 Years of Operational Experience

PRO

1

660

Androidだけじゃない、DroidKaigiで広がった私の技術スタック

0

110

UnityでSystem.Net.WebSocketsなWebSocketサーバが動かないのでUnity Monoのコードを覗いてみた / about implementing websocket server with unity mono

1

520

技術的負債を組織課題として解く-増えすぎたマイクロサービスとの戦い-

1

2.6k

AWSに止められる覚悟してますか？

2

490

フロントエンドUIフレームワークのこれまでとこれから

5

3.1k

AHC070解法紹介

0

150

世界の中心で、AI（App Intents）をさけぶー App Intents中心設計の実践ガイド

0

740

大喜利で理解するLLM as a Judge / Understanding LLM-as-a-Judge through Ogiri

0

180

パズルゲームの作り方 / how to make puzzle games

PRO

2

260

Featured

See All Featured

CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again

162

16k

Practical Orchestrator

192

12k

Site-Speed That Sticks

13

1.5k

The Illustrated Children's Guide to Kubernetes

51

53k

Building a Scalable Design System with Sketch

464

34k

1

390

It's Worth the Effort

188

29k

The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024

28

3.7k

Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation

PRO

3

2.4k

Measuring & Analyzing Core Web Vitals

9

1k

How Fast Is Fast Enough? [PerfNow 2025]

3

910

What the history of the web can teach us about the future of AI

PRO

1

720

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