Day16. UI 實戰篇：Combo Box

September 25, 2020

130

Day16. UI 實戰篇：Combo Box

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

Kalan

September 25, 2020

Tweet

More Decks by Kalan

See All by Kalan

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

0

730

選擇 Svelte 的三個理由 - JSDC

0

230

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

0

110

状態管理を楽にする道

1

270

Day25. 如何解析 HTML 語法

0

100

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

0

140

Svelte 如何編譯程式碼（1）

0

120

Day22. Svelte 經驗談

0

110

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

0

100

Other Decks in Programming

See All in Programming

入門 AWS Amplify Gen2 / Introduction to AWS Amplify Gen2

1

320

Front-end application development, Symfony-style(s)

2

1.9k

Elm 0.19.0 Changes

0

490

データアナリストが行うDatabricksを活用したETLの自動化事例

0

260

PHPはいつから死んでいるかの調査

1

360

Ruby Pattern Matching

0

920

try! Swift Tokyo 2024のLT枠に採択されたプロポーザルを出すときに考えていたこと

0

350

Designing for tomorrow's programming workflows

2

120

What We Can Learn From OSS

0

420

雑に思考を整理する技術と効能

58

28k

From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE

0

1.1k

ADRを一年運用してみた/adr_after_a_year

7

2.3k

Featured

See All Featured

Designing for humans not robots

248

25k

[RailsConf 2023] Rails as a piece of cake

22

3.9k

The Cult of Friendly URLs

74

5.7k

StorybookのUI Testing Handbookを読んだ

12

4.6k

Building a Scalable Design System with Sketch

455

32k

In The Pink: A Labor of Love

138

21k

20

2.6k

Imperfection Machines: The Place of Print at Facebook

259

12k

Making Projects Easy

108

5.5k

"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)

220

21k

Product Roadmaps are Hard

43

9.7k

135

14k

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