Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Day16. UI 實戰篇:Combo Box
Search
Kalan
September 25, 2020
Programming
0
160
Day16. UI 實戰篇:Combo Box
第 12 屆 IT 鐵人賽影片教學 — 30 天從 0 到 1 學 Svelte
Kalan
September 25, 2020
Tweet
Share
More Decks by Kalan
See All by Kalan
單頁式應用中的無障礙設計
kjj6198
0
750
選擇 Svelte 的三個理由 - JSDC
kjj6198
0
290
Svelte - 如何在前端框架中脫穎而出 | ModernWeb'21
kjj6198
0
140
状態管理を楽にする道
kjj6198
1
310
Day25. 如何解析 HTML 語法
kjj6198
0
130
Day24. Svelte 如何編譯程式碼(2)
kjj6198
0
170
Svelte 如何編譯程式碼(1)
kjj6198
0
140
Day22. Svelte 經驗談
kjj6198
0
140
Day18. UI 實戰篇 - 圖片檢視器
kjj6198
0
130
Other Decks in Programming
See All in Programming
3rd party scriptでもReactを使いたい! Preact + Reactのハイブリッド開発
righttouch
PRO
1
490
ピラミッド、アイスクリームコーン、SMURF: 自動テストの最適バランスを求めて / Pyramid Ice-Cream-Cone and SMURF
twada
PRO
10
1.1k
破壊せよ!データ破壊駆動で考えるドメインモデリング / data-destroy-driven
minodriven
17
4.2k
アジャイルを支えるテストアーキテクチャ設計/Test Architecting for Agile
goyoki
7
3k
Quine, Polyglot, 良いコード
qnighy
4
590
Googleのテストサイズを活用したテスト環境の構築
toms74209200
0
290
Hotwire or React? ~Reactの録画機能をHotwireに置き換えて得られた知見~ / hotwire_or_react
harunatsujita
8
4.6k
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
1.2k
C++でシェーダを書く
fadis
6
3.3k
A Journey of Contribution and Collaboration in Open Source
ivargrimstad
0
130
Generative AI Use Cases JP (略称:GenU)奮闘記
hideg
0
180
リアーキテクチャxDDD 1年間の取り組みと進化
hsawaji
1
160
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
88
5.7k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.6k
Done Done
chrislema
181
16k
Navigating Team Friction
lara
183
14k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
23k
Become a Pro
speakerdeck
PRO
24
5k
Embracing the Ebb and Flow
colly
84
4.5k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
43
6.6k
Visualization
eitanlees
145
15k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
A better future with KSS
kneath
238
17k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
810
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