KH-WEBLOG TOP > WEBメモ > HTML > フォームのリセットボタンを作る方法

フォームのリセットボタンを作る方法

フォームのリセットボタンを作る方法をメモ。

リセットボタンを設置する箇所に

<input type="button" value="リセット" onclick="fFormReset(this.form);" />

と記述し、
<head>~</head>内に

<script type="text/javascript">
    function fFormReset(frmObj){
        for(var i=0; i<frmObj.length; i++){
            switch (frmObj[i].type){
                case "checkbox":
                case "radio":
                    frmObj[i].checked=false;
                    break;
                case "select-one":
                case "select-multiple":
                    frmObj[i].selectedIndex=0;
                    break;
                case "textarea":
                case "text":
                    frmObj[i].value="";
                    break;
                default:
                    break;
            }
            
        }
    }
</script>

とすればOK

TAGS

.htaccess ActionScript All in one seo pack Contact Form 7 CSS CSS3 EC-CUBE Flash HTML HTML5 JavaScript jQuery LightBox PHP SEO WordPress アイキャッチ画像 アクセス解析 カテゴリー カラーミーショップ カート コメント ショートコード ソースコード タグ テンプレートタグ ドロップダウンメニュー パーマリンク ビジュアルエディタ フォーム フルスクリーン プラグイン ページテンプレート ページナビ ページ分割 マウスイベント リダイレクト リンク レンタルサーバー ロールオーバー 携帯サイト 条件分岐 正規表現 角丸 関連記事