[Bookmarklet] ページ上のすべての入力フォームに好きな値を一気に入力する

テスト中に、1ページ内の入力フォームの数が多いとバリデーションエラーの確認が大変。。。
ということで、ページ内のすべてのフォームに好きな値を入力できるBookmarkletを作りました。

※ バリデーションエラー: 入力チェックのことです。
https://wa3.i-3-i.info/word11610.html

対応している要素・タイプ

- input
    - text
    - number
    - tel
    - email
    - url
    - datetime
    - password
    - search
- textarea

使い方

1. ブラウザを起動する(Chromeのみ動作確認済み)
2. ブックマークマネージャーを起動する
3. 新しいブックマークを作成で以下を入力し保存する
   ・ ブックマーク名: 任意のもの
   ・ URL: 下記のコード
4. 使いたいWebページを開き、Step.3のブックマークをクリックする

ソースコード

javascript:
(function(){
    var text = window.prompt("フォームに何を入力しますか？", "");
    var elements = document.querySelectorAll('input');
    for(var i = 0; i < elements.length; i++){
        switch(elements[i].type){
            case "text":
            case "number":
            case "tel":
            case "email":
            case "url":
            case "datetime":
            case "password":
            case "search":
                elements[i].value = text;
                break;
            default:
                break;
        }
    }
    elements = document.querySelectorAll('textarea');
    for(var i = 0; i < elements.length; i++){
        elements[i].value = text;
    }
}())

参考にしたサイト

• <input>-HTML5タグリファレンス
• <TEXTAREA>－HTMLタグリファレンス
• JavaScriptでフォームに仮入力できるブックマークレット | 大石制作ブログ
• 全inputに文字列を入力するテスト用のブックマークレット · GitHub
• <input>の使い方とtype属性の一覧をサンプル付きで紹介 | webliker