日本語
Javascript を使用してさまざまなフォームの特殊効果コードを自動生成する、フォーム Web ページの特殊効果を自動生成する
<html> <head> <title>JavaScript を使用してさまざまなフォームの特殊効果を自動生成する downcodes.com</title><!--Title part--> < style type="text/css"> body{ } div{ ボーダー:1 ソリッドシルバー; パディング:12 ピクセル; 位置:絶対; トップ: 0px; } テキストエリア; 左: 310px; 色: 12px; { 幅:30 ピクセル; 高さ:20 ピクセル; フォントサイズ: 100 ピクセル; </style> <script type=" text /javascript" defer="defer"> function Make_Code(){ //code_value.value=""; var obj=document.getElementsByTagName("form")[0]; var n=obj.elements[0].value ; //フォームの数; if(n==""){alert("生成するフォームの数を入力してください!nt^_^") } n=Number(n); =obj .elements[1].options[obj.elements[1].selectedIndex].value; //alert(n+" : "+typeof n+"n"+sel_value); "< フォーム>"; for(var i=0;i<n;i++){ if(sel_value=="image"){ obj.elements[3].style.display="block"; elements[ 3].value; code_value.value+="<input type=""+sel_value+"" name=""+sel_value+"_"+i+"" src=""+img_src+"" / >" ; } else if(sel_value=="radio"){ code_value.value+="<input type=""+sel_value+"" name=""+sel_value+"_"+n+"" />" +sel_value+ "_"+i+" "; } else if(sel_value=="チェックボックス"){ code_value.value+="<入力タイプ=""+sel_value+"" name=""+sel_value+"_"+ i+" " />"+sel_value+"_"+i+" "; } else if(sel_value=="text"){ code_value.value+=sel_value+"_"+i+" : <input type=""+sel_value+ " " name=""+sel_value+"_"+i+"" /><br>"; } else{ code_value.value+="<input type=""+sel_value+"" name="" +sel_value+ "_"+i+"" value=""+sel_value+"_"+i+"" /> "; } } code_value.value+="</form>"; } function run_code( ){ var win_code=window.open("","new_win",""); win_code.document.writeln(code_value.value); } 関数 check_type(){ var obj=document. getElementsByTagName( "フォーム")[0]; if(obj.elements[1].value=="画像"){ obj.elements[3].style.display="ブロック" } else{ obj.elements[3] ].style.display="none"; } } </script> </head> <body> <div> <form> <center><h3>フォームを自動生成</h3></center> フォーム番号: < input type="text" class="NUM" /> フォーム タイプ: <select class="opt" onChange="check_type()"> <option value="file" selected>file <option value="text">text <option value="button">ボタン <option value="image">画像 <option value="radio">ラジオ <option value="checkbox">チェックボックス <option value="reset">リセット <option value=" submit ">submit </select> <button onclick="Make_Code()" style="height:22px;padding:0px;width:50px;">OK</button><br> <input type="file " style="width:300px;display:none;" /> </form> </div> <textarea id="code_value"> </textarea> <div id="buttons" style="text-align:center ;padding-top:10px;width:400px;height:50px;position:absolute;left:310px;top:300px"> <button onclick="run_code()">コードを実行</button> <button onclick="code_value . value='';">クリアコード</button> </div> </body> </html>
