PHP & JavaScript Room :: 設置サンプル

<form action="#" name="frmR2" onsubmit="alert('サンプルのため送信しません。'); return false;">
    <dl>
        <dt>名前：</dt>
            <dd>
                <input type="text" name="username" />
            </dd>
        <dt>性別：</dt>
            <dd>
                <label for="f2_male"><input type="radio" id="f2_male" name="sex" value="male" checked="checked" />男性</label>
                <label for="f2_female"><input type="radio" id="f2_female" name="sex" value="female" />女性</label>
            </dd>
        <dt>居住エリア：</dt>
            <dd>
                <select name="area">
                    <option>---------</option>
                    <option>北海道</option>
                    <option>本州</option>
                    <option>四国</option>
                    <option>九州</option>
                    <option>沖縄</option>
                </select>
            </dd>
        <dt>趣味：</dt>
            <dd>
                <select name="favorite" multiple="multiple">
                    <option selected="selected">なし</option>
                    <option>夜遊び</option>
                    <option selected="selected">グルメ</option>
                    <option>スポーツ</option>
                    <option selected="selected">買い物</option>
                </select>
            </dd>
        <dt>コメント：</dt>
            <dd>
                <textarea name="comment" cols="30" rows="5"></textarea>
            </dd>
    </dl>
    <p>
        <input type="submit" value="送信" />
        <input type="button" value="リセット" onclick="fFormReset(this.form);" />
    </p>
</form>

<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>