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

<script type="text/javascript">
    /* JavaScript */
    function fGetElementType(){
        var s="";
        var frm=document.forms["frmA1"];
        for(var i=0; i<frm.length; i++){
            s+="名前（name）= " + frm.elements[i].name + "\n";
            s+="名前（type）= " + frm.elements[i].type + "\n";
            s+="名前（value）= " + frm.elements[i].value + "\n\n";
        }
        alert(s);
    }
</script>

<form action="#" name="frmA1">
    <p>
        フォーム要素の名前・タイプ・値を表示
    </p>
    <p>
        <input type="radio" name="pet" value="ham" />ハムスター　
        <input type="checkbox" name="fruit" value="apple" />リンゴ　
        <input type=text name="drink" value="coffee" size="8" />　
        <select name="age">
            <option value="age10">10歳
            <option value="age20">20歳
        </select>　
        <input type="button" name="btn" value="ボタン" />
    </p>
    <p><input type="button" value="フォームの全エレメントの名前・タイプ・値を取得" onclick="fGetElementType()" /></p>
</form>