Rating 元件讓使用者可以對某項目進行評分，通常以星星或其他符號來表示評分等級。Rating 元件的核心功能是提供一種直觀的方式，讓使用者針對產品、服務或...
Radio 是一種表單控制元件，通常用於使用者在一組選項中選取一個。在 UI 呈現上，通常顯示為圓形按鈕，當用戶選中時，按鈕會顯示填滿狀態，表示該選項已被選中...
開關（Switch）是用來表示 on 或 off 狀態的元件。它與 Checkbox 相似，但不同於 Checkbox 允許實現第三種中間狀態的選項，Swit...
Checkbox 是一個常見的網頁元件，單個使用時可以表示在兩種狀態之間切換，多個一起使用時則允許使用者在這些選項中選擇一個或多個。它適合用於問卷調查、偏好設...
Forms 的作用 創建和使用 Forms 介紹 ModelForm 類 表單驗證 一、Forms 的作用 它接受用戶輸入的數據，進行驗證，並將這些數據存儲...
下拉選單（Select）在表單操作中非常常見。使用下拉選單可以在有限的空間內顯示大量選項，透過點擊來展開選單，使用者可以輕鬆瀏覽並選擇其中一個或多個選項。無論...
<textarea> 與 <input type="text"> 有需多相似之處，甚至大多數的特性都是共通的，例如...
<input> 作為表單控制元素，是網頁開發中最常見的元素之一。<input> 的不同 type 設定會影響顯示的 UI，以及它所代表...
在一個專案當中，標單數入元件通常會有統一的外觀風格，讓整個系統看起來更一致、整齊。<AtomicFormField> 是用來渲染表單欄位的元件。它...
今天要來練習做下拉式選單選擇國家。目前我們的程式碼已經有基礎的樣式。需要讓下拉式選單的功能正常運作。 目前有的程式碼： import React from...
哈囉，大家好！我是 Eric。今天我們要來談談一個看似簡單但實則關鍵的議題：表單處理。我們都知道，表單是網頁互動中不可或缺的一部分。但你有沒有遇過這樣的問題：你...
HTML 標籤 表格 - table <table> 顧名思義就是表格標籤，用來呈現二維資料的表資訊，不過 <table> 標籤只是作為...
［情境任務］ 解師傅：我們的餐廳生意越來越好了，為了不讓客人排隊，我想客製一個點餐機～ 小當家：啥？這是什麼玩意？ 解師傅：直接在點餐機上選擇餐點跟輸入客人的資...
WordPress 表單 (Form) 是個功能多元化的功能，你可以透過它收集訪客意見、提供招募員工表格、收集產品團購的名單或作一般聯明用途，功能各式各樣，在...
接續上集附上連結 Day05【從麻瓜變成前端魔法師】HTML 表單 form (上集) 、Day06【從麻瓜變成前端魔法師】HTML 表單 form (中集)...
接續上集 附上連結 Day05【從麻瓜變成前端魔法師】HTML 表單 form (上集) 我們來練習做下圖這樣的表單： 因為是 【每天5分鐘】學前端 的影片...
★ 註： <label> for 和 <input> id 值設定 一樣 就能夠 綁定 ，不要真的打上星星符號啊～囧 我們來練習做下圖...
在寫 UI 的時候，除了顯示內容給使用者看的元件以外，接收使用者輸入的表單元件也很常見。在前面的筆記裡，已經整理過如 TextFiel、Button 等表單元件...
<form action="/formprocess.php" method="post"> &l...
input原本的下拉選單太過擁擠，想製作出好看的下拉選單可以參考這邊呦～ HTML 先製作選單input值，讓input內文字能夠顯示出所選選項。 <di...
表單 Form 昨天介紹的 表格 ，最外層是用 <table> 標籤包起來；表單 的組成也有點像，它則是用 <form> 標籤包起來。...
經過前面二十九天的的練習與學習，相信大家應該在表單的實作上都熟悉了不少，只要不是太複雜、太特別的表單應該也都難不倒你們。 今天是本系列文的最後一天，就讓我們來...
昨天跟大家分享了自訂表單元件的作法，但昨天的作法只適用於一個欄位、一個 FormControl 。 雖然 FormControl 裡是可以設 {} 的值，但如...
經過了這段時間的練習與學習，相信大家應該越來越能體會 Angular 表單的強大與便利。 不過既然 Angular 表單這麼好用，如果能讓自己做的 Compo...
今天想要跟大家分享的是跨欄位驗證的小技巧，這個小技巧其實沒有多厲害或多特別，只是可能滿多人剛好不知道原來可以這樣用。 而我們在 Day 23 - Reacti...
之前在開發表單的時候，我們都是使用 Angular 所提供的驗證器來驗證表單欄位裡的值是否符合我們的需求。 雖然 Angular 已經這麼貼心地提供了這麼多驗...
好一陣子沒寫單元測試與整合測試了，大家是否覺得有些生疏了呢？ 之前的測試都寫得很簡單，正好昨天好好地寫了搜尋輸入框還有呼叫 API ，可以藉由撰寫這個功能的測...
在日常生活中，大家應該滿常看到有些系統的搜尋輸入框是可以在一邊打字的同時，一邊將搜尋結果呈現在一個下拉選單裡，非常地貼心且方便。 當然，這其中其實有很多細節，...
之前有講到非 input-like 的表單情境也需要處理，這時候就是 FormControl 出場的時候了，但其實也不代表 Input-like 的元件不能用...
大家在日常生活中，應該看過滿多表單的某個欄位會隨著另個欄位的改變，而造成該欄位的驗證邏輯需要改變的情況吧？ 舉例來說，可能會有個欄位叫做聯絡資訊，使用者可以選...
Alex Liu
肉彈
yuu
Eric
Lala Code
Mack Chan
Olivia
聖佑
馬鈴薯
Alice CH
Leo
parkerhiphop027
iThome鐵人賽
看影片追技術