在範例表單上試用
這 53 份表單,正是 FormCarbon 每次變更填寫引擎時用來檢查的表單。產品頁面上的數字就來自這份清單。
安裝 FormCarbon 並建立個人資料,然後開啟下方任一表單,按下擴充功能的按鈕。你會先看到每個欄位的值,在你按下「填寫」之前不會填入任何內容。這些頁面都不會傳送任何資料,即使你按下它們的送出按鈕也一樣。
從這裡開始
三份來自你所在地區、最能看出差異的表單。
依表單類型選擇
中文(繁體)的表單3 份表單
-
繁體中文
晴光旅行社
會員資料
填寫 27 個/保持空白 10 個
保持空白: 同意項目密碼
-
繁體中文
小島雜貨舖
結帳
填寫 11 個/保持空白 15 個
保持空白: 同意項目密碼隱藏欄位蜜罐欄位
-
繁體中文
會員註冊
填寫 12 個/保持空白 4 個
保持空白: 同意項目
這裡沒有這類表單。
其他國家的表單50 份表單
你也可以試試在其他國家的網站上購物或註冊時會遇到的那類表單。
-
日本語
こもれび雑貨店
結帳
填寫 15 個/保持空白 14 個
保持空白: 同意項目卡號
-
日本語
やすらぎ宿ネット
會員註冊
填寫 12 個/保持空白 8 個
保持空白: 同意項目密碼隱藏欄位蜜罐欄位
-
日本語
表格排版的聯絡表單
填寫 14 個/保持空白 2 個
保持空白: 同意項目
-
日本語
常見 WordPress 外掛排版的聯絡表單
填寫 6 個/保持空白 9 個
保持空白: 同意項目
-
日本語
分格的郵遞區號和電話、全形輸入
填寫 16 個/保持空白 1 個
-
日本語
各種形式的同意核取方塊
填寫 2 個/保持空白 5 個
保持空白: 同意項目會送出表單的欄位
-
日本語
各種標示必填欄位的方式
填寫 10 個/保持空白 0 個
-
日本語
密碼、卡號、一次性驗證碼、同意
填寫 6 個/保持空白 17 個
保持空白: 同意項目密碼卡號會送出表單的欄位唯讀欄位
-
English
Maple Hollow Family Clinic
病患入口網站註冊
填寫 25 個/保持空白 11 個
保持空白: 同意項目密碼隱藏欄位蜜罐欄位
-
English
Briarwood Cellars
含年齡確認的結帳
填寫 21 個/保持空白 8 個
保持空白: 同意項目密碼卡號
-
English
送貨地址與帳單地址
填寫 20 個/保持空白 7 個
保持空白: 卡號
-
English
使用 autocomplete 的聯絡表單
填寫 10 個/保持空白 5 個
保持空白: 同意項目密碼隱藏欄位蜜罐欄位
-
English
會員編號等自訂欄位
填寫 6 個/保持空白 3 個
保持空白: 隱藏欄位蜜罐欄位
-
English
以三個下拉選單選擇出生日期、自訂樣式的選項
填寫 9 個/保持空白 4 個
保持空白: 隱藏欄位
-
English
彈出視窗(modal)中的表單
填寫 13 個/保持空白 26 個
保持空白: 隱藏欄位
變化版本: <dialog>aria-modal無彈出視窗
-
English
沒有可見標籤的表單(僅有 placeholder 和 ARIA)
填寫 12 個/保持空白 2 個
-
English
未使用 autocomplete 的註冊
填寫 16 個/保持空白 5 個
保持空白: 同意項目密碼
-
English
含密碼和卡號欄位的註冊
填寫 2 個/保持空白 11 個
保持空白: 同意項目密碼卡號
-
English
以 React 建立的註冊
填寫 5 個/保持空白 2 個
保持空白: 同意項目密碼
-
English
地區隨國家變動的地址(React)
填寫 3 個/保持空白 1 個
保持空白: 唯讀欄位
-
English
有輸入遮罩的電話欄位和自訂清單方塊(React)
填寫 3 個/保持空白 1 個
保持空白: 隱藏欄位
-
English
封閉式 shadow root 中的欄位
填寫 9 個/保持空白 1 個
保持空白: 隱藏欄位蜜罐欄位
-
English
Web 元件中的欄位
填寫 8 個/保持空白 2 個
保持空白: 密碼隱藏欄位蜜罐欄位
-
English
欄位變更時會自行送出的表單
填寫 0 個/保持空白 3 個
保持空白: 會送出表單的欄位
-
English
隱藏欄位、蜜罐欄位、收合的區段
填寫 4 個/保持空白 21 個
保持空白: 隱藏欄位蜜罐欄位
-
English
輸入或取得焦點時會送出表單的欄位
填寫 3 個/保持空白 4 個
保持空白: 會送出表單的欄位
-
English
僅供螢幕閱讀器讀取的欄位和被遮住的欄位
填寫 5 個/保持空白 5 個
保持空白: 隱藏欄位
-
English
選擇國家後才出現的欄位(Vue)
填寫 2 個/保持空白 4 個
-
English
v-model 和 .lazy 輸入(Vue)
填寫 6 個/保持空白 0 個
-
English
兩頁式申請
填寫 10 個/保持空白 1 個
保持空白: 同意項目
分為 2 頁。請在每一頁重新按下 FormCarbon 按鈕。
-
English
同一頁面中的三個步驟
填寫 14 個/保持空白 1 個
保持空白: 同意項目
同一頁面中分為 3 個步驟。進入下一步時,面板會自動重新讀取表單。
-
Deutsch
Kräutergarten Wendler
含帳單地址的結帳
填寫 15 個/保持空白 11 個
保持空白: 同意項目密碼
-
Deutsch
Ferienhof Talblick
註冊顧客帳號
填寫 20 個/保持空白 9 個
保持空白: 同意項目密碼隱藏欄位蜜罐欄位
-
Deutsch
聯絡與送貨資料
填寫 16 個/保持空白 6 個
保持空白: 同意項目隱藏欄位蜜罐欄位
-
Deutsch
舊式表格排版,一個標籤下有兩個欄位
填寫 11 個/保持空白 4 個
-
Français
La Bougie d’Ouessant
結帳
填寫 18 個/保持空白 7 個
保持空白: 同意項目密碼
-
Français
Mutuelle des Tilleuls
入會申請
填寫 22 個/保持空白 11 個
保持空白: 同意項目密碼隱藏欄位蜜罐欄位
-
Français
聯絡表單
填寫 14 個/保持空白 4 個
保持空白: 同意項目隱藏欄位蜜罐欄位
-
Español
Seguros Albor Ficticia
含兩個姓氏的顧客註冊
填寫 20 個/保持空白 10 個
保持空白: 同意項目密碼隱藏欄位蜜罐欄位
-
Español
Tienda Olivar del Sur
結帳
填寫 12 個/保持空白 6 個
保持空白: 同意項目密碼
-
Español
含聯絡與送貨資料的訂單
填寫 14 個/保持空白 4 個
保持空白: 同意項目
-
Português (Brasil)
Clube Jabuticaba
含 CEP 和區碼的會員註冊
填寫 19 個/保持空白 11 個
保持空白: 同意項目密碼隱藏欄位蜜罐欄位
-
Português (Brasil)
Loja Pitanga Azul
結帳
填寫 16 個/保持空白 7 個
保持空白: 同意項目密碼卡號
-
Português (Brasil)
註冊
填寫 15 個/保持空白 4 個
保持空白: 同意項目
-
简体中文
远帆旅行网
含護照拉丁字母姓名的會員資料
填寫 26 個/保持空白 8 個
-
简体中文
青禾优选商城
註冊與訂購
填寫 11 個/保持空白 11 個
保持空白: 同意項目密碼隱藏欄位蜜罐欄位
-
简体中文
會員註冊
填寫 14 個/保持空白 5 個
保持空白: 同意項目卡號
-
한국어
다온상회
訪客訂購
填寫 14 個/保持空白 9 個
保持空白: 同意項目密碼隱藏欄位蜜罐欄位
-
한국어
하늘다람투어
會員註冊
填寫 23 個/保持空白 10 個
保持空白: 同意項目密碼
-
한국어
會員註冊
填寫 11 個/保持空白 8 個
保持空白: 同意項目密碼唯讀欄位
這裡沒有這類表單。
已在 9 種語言和地區的表單上測試
已在 9 種語言的 53 份範例表單上測試,共 1,010 個欄位。
其中 648 個欄位要填寫,358 個欄位必須保持空白,另有 4 個只會作為建議提供。擴充功能引擎的每一次變更,都會在這些欄位上全部檢查:正確的值會填入、不該填的地方不會填入,而且不會送出任何表單。
| 日文日本語 | 8 份表單 | 137 個欄位 |
|---|---|---|
| 英文English | 23 份表單 | 337 個欄位 |
| 德文Deutsch | 4 份表單 | 92 個欄位 |
| 法文Français | 3 份表單 | 76 個欄位 |
| 西班牙文Español | 3 份表單 | 66 個欄位 |
| 葡萄牙文(巴西)Português (Brasil) | 3 份表單 | 72 個欄位 |
| 中文(簡體)简体中文 | 3 份表單 | 75 個欄位 |
| 中文(繁體)繁體中文 | 3 份表單 | 80 個欄位 |
| 韓文한국어 | 3 份表單 | 75 個欄位 |
辨識必須保持空白的欄位
FormCarbon 不會填寫密碼、卡號、隱藏欄位、蜜罐欄位(用來攔截機器人的隱形欄位),或寫入時就會送出表單的欄位。你可以用這些頁面確認只有一般看得見的欄位會被填寫,其他內容都不會被動到。
-
English
欄位變更時會自行送出的表單
填寫 0 個/保持空白 3 個
保持空白: 會送出表單的欄位
-
English
隱藏欄位、蜜罐欄位、收合的區段
填寫 4 個/保持空白 21 個
保持空白: 隱藏欄位蜜罐欄位
-
English
輸入或取得焦點時會送出表單的欄位
填寫 3 個/保持空白 4 個
保持空白: 會送出表單的欄位
-
日本語
密碼、卡號、一次性驗證碼、同意
填寫 6 個/保持空白 17 個
保持空白: 同意項目密碼卡號會送出表單的欄位唯讀欄位
-
English
僅供螢幕閱讀器讀取的欄位和被遮住的欄位
填寫 5 個/保持空白 5 個
保持空白: 隱藏欄位
Quillfold 的擴充功能
這些表單上的商店和組織名稱都是虛構的。
FormCarbon 不支援來自其他來源的 iframe 中的表單。這些範例都來自同一個來源,因此無法在這裡示範這種情況。

