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

コーディング・WordPress化作業を代行します

HTMLのおすすめ参考書

楽天ブックス
¥2,838 (2024/04/13 07:28時点 | 楽天市場調べ)
\楽天ポイント5倍セール!/
楽天市場

TAGS

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