JavaScriptのためのFORM作成ツール出力例

とまて週報に戻る
JavaScript_form_test.html（赤文字部分はテスト用につき、テスト後は削除する必要があります。）
<HEAD>
<TITLE>FORM入力テスト for JavaScript</TITLE>
<META NAME="robots" CONTENT="all">
<META HTTP-EQUIV="content-type" CONTENT="text/html;charset=SHIFT_JIS" >
<STYLE>
<!--
-->
</STYLE>
</HEAD>
<SCRIPT language="JavaScript">
<!--
//フォームデータ入力用変数
    var name;
    var comment;
    var pass;
    var pass_use;
    var sex;
    var file;
    var address;
    var run;
function p_run(){
    //実行用プログラム書き込み位置
}
function data_in(){
    //フォームデータを受け取るサブルーチン
    name=document.form1.name.value;
    comment=document.form1.comment.value;
    pass=document.form1.pass.value;
    if(document.form1.pass_use.checked){pass_use=document.form1.pass_use.value;}else{pass_use="";}
    if(document.form1.sex[0].checked){sex=document.form1.sex[0].value;}
    if(document.form1.sex[1].checked){sex=document.form1.sex[1].value;}
    file=document.form1.file.value;
    address=document.form1.address.value;
    run=document.form1.run.value;

    //これ以降はテスト表示用につき、後で削除
    var hyouji="";
    hyouji=hyouji+"name = ["+name+"]\n";
    hyouji=hyouji+"comment = ["+comment+"]\n";
    hyouji=hyouji+"pass = ["+pass+"]\n";
    hyouji=hyouji+"pass_use = ["+pass_use+"]\n";
    hyouji=hyouji+"sex = ["+sex+"]\n";
    hyouji=hyouji+"file = ["+file+"]\n";
    hyouji=hyouji+"address = ["+address+"]\n";
    hyouji=hyouji+"run = ["+run+"]\n";
    document.test_out_form.test_out.value=hyouji;
 }
-->
</SCRIPT>
<!---------------------------------------------------------------------------------------------->
<BODY>

<!------------------------↓作成したフォームの記述箇所------------------>
<FORM NAME="form1">
    お名前 <INPUT TYPE="text" NAME="name" SIZE="15" MAXLENGTH="15"><BR>
    コメント<BR><TEXTAREA NAME="comment" COLS="70" ROWS="10" WRAP="soft"></TEXTAREA><BR>
    パスワード（10文字以内） <INPUT TYPE="password" NAME="pass" SIZE="15" MAXLENGTH="10"><BR>
    <INPUT TYPE="checkbox" NAME="pass_use"  VALUE="OK"CHECKED>パスワードの使用<BR>
    <INPUT TYPE="radio" NAME="sex"  VALUE="おとこ">男<BR>
    <INPUT TYPE="radio" NAME="sex"  VALUE="おんな"CHECKED>女<BR>
    <INPUT TYPE="file" NAME="file"><BR>
    <INPUT TYPE="reset"><BR>
    <SELECT NAME="address" >
    　<OPTION  VALUE="ほっかいどう">北海道
    　<OPTION  VALUE="とうほく">東北
    　<OPTION  VALUE="ちゅうぶ">中部
    　<OPTION  VALUE="きんき">近畿
    　<OPTION  VALUE="ちゅうごく">中国
    　<OPTION  VALUE="しこく">四国
    　<OPTION  VALUE="きゅうしゅう">九州
    </SELECT><BR>
    <INPUT TYPE="button"  NAME="run" VALUE="入力" onClick="p_run()"><BR>
</FORM>
<!------------------------↑作成したフォームの記述箇所------------------>
<HR>
<!------------------------↓フォームデータのデータ受け取りテスト用フォーム-------------------->
<FORM NAME="test_out_form" STYLE="background-color:#b0ffb0"><BR>
<FONT COLOR="blue">フォームデータ受信テスト用フォーム（試験後削除してください！）</FONT></H3>
<H3><INPUT TYPE="button" VALUE="入力値テスト" onClick="data_in()"><BR><BR>
<TEXTAREA NAME="test_out" ROWS="20" COLS="70"></TEXTAREA><BR><BR>
</FORM>
<!------------------------↑フォームデータのデータ受け取りテスト用フォーム-------------------->
 </BODY>
</HTML>