見本のフォームで試す
ここにある 53 本は、FormCarbon の入力のしくみを変えるたびに自動で確かめている見本そのものです。製品ページの数字も、この一覧から出しています。
FormCarbon を入れてプロフィールを 1 つ作り、下のフォームを開いて拡張機能のボタンを押してください。各欄に入る値が先に出るので、確かめて「入力」を押すと入ります。どのページも、送信ボタンを押してもどこにも送られません。
まずはここから
日本のフォームから、違いが分かりやすい 3 本です。
-
日本語
こもれび雑貨店
ご注文手続き
入れる欄 15/入れない欄 14
入れない: 同意のチェックカード番号
-
日本語
やすらぎ宿ネット
新規会員登録
入れる欄 12/入れない欄 8
入れない: 同意のチェックパスワード見えない欄ハニーポット
-
日本語
お問い合わせ(表の形)
入れる欄 14/入れない欄 2
入れない: 同意のチェック
フォームの種類で選ぶ
日本語のフォーム8 本
-
日本語
こもれび雑貨店
ご注文手続き
入れる欄 15/入れない欄 14
入れない: 同意のチェックカード番号
-
日本語
やすらぎ宿ネット
新規会員登録
入れる欄 12/入れない欄 8
入れない: 同意のチェックパスワード見えない欄ハニーポット
-
日本語
お問い合わせ(表の形)
入れる欄 14/入れない欄 2
入れない: 同意のチェック
-
日本語
お問い合わせ(WordPress のプラグインに多い形)
入れる欄 6/入れない欄 9
入れない: 同意のチェック
-
日本語
郵便番号と電話番号の分割、全角の指定
入れる欄 16/入れない欄 1
-
日本語
同意のチェックのいろいろな形
入れる欄 2/入れない欄 5
入れない: 同意のチェック入れると送信される欄
-
日本語
必須の印のいろいろな付け方
入れる欄 10/入れない欄 0
-
日本語
パスワード、カード、確認コード、同意
入れる欄 6/入れない欄 17
入れない: 同意のチェックパスワードカード番号入れると送信される欄読み取り専用の欄
この種類のフォームはここにはありません。
ほかの国のフォーム45 本
海外のサイトで買い物や登録をするときのフォームも試せます。
-
English
Maple Hollow Family Clinic
患者ポータルの登録
入れる欄 25/入れない欄 11
入れない: 同意のチェックパスワード見えない欄ハニーポット
-
English
Briarwood Cellars
ご注文手続き(年齢の確認あり)
入れる欄 21/入れない欄 8
入れない: 同意のチェックパスワードカード番号
-
English
お届け先と請求先の 2 つの住所
入れる欄 20/入れない欄 7
入れない: カード番号
-
English
お問い合わせ(autocomplete 付き)
入れる欄 10/入れない欄 5
入れない: 同意のチェックパスワード見えない欄ハニーポット
-
English
会員番号などの独自の項目
入れる欄 6/入れない欄 3
入れない: 見えない欄ハニーポット
-
English
生年月日の 3 つの選択欄と、見た目を変えた選択肢
入れる欄 9/入れない欄 4
入れない: 見えない欄
-
English
モーダルの中のフォーム
入れる欄 13/入れない欄 26
入れない: 見えない欄
-
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
closed の Shadow DOM の中の欄
入れる欄 9/入れない欄 1
入れない: 見えない欄ハニーポット
-
English
Web Components の中の欄
入れる欄 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
2 ページに分かれた申し込み
入れる欄 10/入れない欄 1
入れない: 同意のチェック
2 ページに分かれています。ページごとに FormCarbon のボタンを押し直してください。
-
English
同じページで 3 段に進む申し込み
入れる欄 14/入れない欄 1
入れない: 同意のチェック
同じページで 3 段に進みます。次の段に進むと、パネルが自動で読み直します。
-
Deutsch
Kräutergarten Wendler
ご注文手続き(請求先)
入れる欄 15/入れない欄 11
入れない: 同意のチェックパスワード
-
Deutsch
Ferienhof Talblick
会員登録
入れる欄 20/入れない欄 9
入れない: 同意のチェックパスワード見えない欄ハニーポット
-
Deutsch
お問い合わせとお届け先
入れる欄 16/入れない欄 6
入れない: 同意のチェック見えない欄ハニーポット
-
Deutsch
表の形の古いフォーム(1 つのラベルに 2 欄)
入れる欄 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
お客様の登録(2 つの姓)
入れる欄 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
入れない: 同意のチェックカード番号
-
繁體中文
晴光旅行社
会員情報
入れる欄 27/入れない欄 10
入れない: 同意のチェックパスワード
-
繁體中文
小島雜貨舖
ご注文手続き
入れる欄 11/入れない欄 15
入れない: 同意のチェックパスワード見えない欄ハニーポット
-
繁體中文
会員登録
入れる欄 12/入れない欄 4
入れない: 同意のチェック
-
한국어
다온상회
会員登録なしの注文
入れる欄 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 欄 |
入れてはいけない欄を見分ける
パスワード、カード番号、見えない欄、ハニーポット(ロボット避けの見えない欄)、書き込むと送信が起きる欄には入れません。下のフォームで、見えている普通の欄にだけ入り、ほかの欄には何も入らないことを確かめられます。
-
English
欄を変えると送信されるフォーム
入れる欄 0/入れない欄 3
入れない: 入れると送信される欄
-
English
隠れた欄、ハニーポット、閉じた節
入れる欄 4/入れない欄 21
入れない: 見えない欄ハニーポット
-
English
入力やフォーカスで送信される欄
入れる欄 3/入れない欄 4
入れない: 入れると送信される欄
-
日本語
パスワード、カード、確認コード、同意
入れる欄 6/入れない欄 17
入れない: 同意のチェックパスワードカード番号入れると送信される欄読み取り専用の欄
-
English
読み上げ専用の欄、覆われた欄
入れる欄 5/入れない欄 5
入れない: 見えない欄
Quillfold の拡張機能
フォームに出てくる店や団体の名前は、どれも架空のものです。
別オリジン(ドメインやポートが違うところ)から読み込んだ iframe の中のフォームには対応していません。この見本は 1 つのオリジンで出しているため再現できず、載せていません。
Fake Filler や Form Filler を使っている方へ。それぞれが向いている場面を、FormCarbon が要らない場合も含めてまとめています:Fake Filler との違い、Form Filler との違い。

