Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Day16. UI 實戰篇：Combo Box

Avatar for Kalan Kalan
September 25, 2020
Programming
310
0

Day16. UI 實戰篇：Combo Box

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

Avatar for Kalan

Kalan

September 25, 2020

More Decks by Kalan

See All by Kalan
單頁式應用中的無障礙設計
Avatar for Kalan kjj6198
0
870
選擇 Svelte 的三個理由 - JSDC
Avatar for Kalan kjj6198
0
470
Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21
Avatar for Kalan kjj6198
0
270
状態管理を楽にする道
Avatar for Kalan kjj6198
1
480
Day25. 如何解析 HTML 語法
Avatar for Kalan kjj6198
0
230
Day24. Svelte 如何編譯程式碼（2）
Avatar for Kalan kjj6198
0
260
Svelte 如何編譯程式碼（1）
Avatar for Kalan kjj6198
0
300
Day22. Svelte 經驗談
Avatar for Kalan kjj6198
0
270
Day18. UI 實戰篇 - 圖片檢視器
Avatar for Kalan kjj6198
0
250

Other Decks in Programming

See All in Programming
プロジェクトコードをキレイキレイしよう！暗黙的な参照を読み解く静的解析
Avatar for Takuma Osada ostk0069
0
130
AI時代のIaC入門 〜なぜインフラをコードで管理したいのか？〜 / Introduction to IaC in the AI Era
Avatar for アキキー | Akihisa Ikeda akihisaikeda
5
1.1k
AI-Powered Domain-Driven Design
Avatar for Alberto Brandolini ziobrando
0
340
Kotlinの15年とServer-Side Kotlin
Avatar for Takehata Naoto n_takehata
1
170
APNsからLive Activityを開始する話
Avatar for Ryotaro Onoue yumnumm
0
180
クラウドゲーミングのパフォーマンス最適化に挑む / Cloud Gaming Performance Tuning
Avatar for viviON vivion
0
290
Optunaを作ったときにやりたかったこと、その後 (2026/10/16, Optuna Meetup #3)
Avatar for Takuya Akiba iwiwi
4
1.3k
自作Discord音声botをLambda MicroVMsに移行した話 / Migrating My Discord Voice Bot to Lambda MicroVMs
Avatar for アキキー | Akihisa Ikeda akihisaikeda
0
170
Compiling a real-world CLI tool to native with Static Hermes
Avatar for Tzvetan Mikov tmikov2023
0
130
[2026-10-09]一枚の布で作らなくてもいい。 信頼性は「パッチワーク」で紡がれる～既存の運用と新しい可能性をつなぎ合わせてきたCREの話～
Avatar for tosite tosite
0
110
自サークルのIdPからログアウトできるようになるまで
Avatar for taiseiue taiseiue
1
150
當我們開始不讀 Code - AI Agent 時代，Code Review 與 Clean Code 還剩下什麼？
Avatar for James Wang jame2408
1
340

Featured

See All Featured
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
580
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
270
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.9k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
360
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
330
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.9k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
232
55k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
2
740
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
630
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.9k

Transcript

  1. 第 12 屆 IT 鐵⼈賽 30 天從 0 到 1

    學 Svelte Day16 - UI 實戰篇：下拉式組合⽅塊 Combo Box

  2. 第 12 屆 IT 鐵⼈賽 應⽤情景 使⽤者選擇清單中的某⼀項，並提供搜尋功能

  3. 第 12 屆 IT 鐵⼈賽 功能 可以輸入部分⽂字作匹配 可點擊下拉選單選項改變輸入值 text 選項

    1 選項 2 選項 3 選項 4 選項 5

  4. 第 12 屆 IT 鐵⼈賽 進階功能 使⽤者可以⽤鍵盤操作選項 按下 Enter 後確認選項

    按下 ESC 後關閉選單 Accessibility 的⽀援 combobox, listbox