用Javascript自动生成的各种表单特效代码，自动生成表单的网页特效
%26lt;html%26gt; %26lt;head%26gt; %26lt;title%26gt;用<a href="http://edu.xinasp.com/biancheng/list_38_1.html" target="_blank" class="keylink">Java</a>script自动生成各种表单knowsky.com%26lt;/title%26gt;%26lt;!--标题部分--%26gt; %26lt;style type="text/css"%26gt; body{ } div{ border:1 solid silver; width:300px; height:350px; padding:px; font-size:12px; color:green; position:absolute; left:0px; top:0px; padding-top:10px; } textarea{ position:absolute; left:310px; top:0px; width:400px; height:300px; color:maroon; } input{ font-size:12px; } .NUM{ width:30px; border:1 solid #000; height:20px; } .opt{ font-size:11px; border:1 solid red; width:100px; height:20px; } %26lt;/style%26gt; %26lt;script type="text/javascript" defer="defer"%26gt; function Make_Code(){ //code_value.value=""; var obj=document.getElementsByTagName("form")[0]; var n=obj.elements[0].value; //表单的个数; if(n==""){ alert("请输入要生成的表单个数!\n\t^_^"); } n=Number(n); var sel_value=obj.elements[1].options[obj.elements[1].selectedIndex].value; //表单类型; //alert(n+" : "+typeof n+"\n"+sel_value); code_value.value+="%26lt;form%26gt;"; for(var i=0;i%26lt;n;i++){ if(sel_value=="image"){ obj.elements[3].style.display="block"; var img_src=obj.elements[3].value; code_value.value+="%26lt;input type=\""+sel_value+"\" name=\""+sel_value+"_"+i+"\" src=\""+img_src+"\" /%26gt;"; } else if(sel_value=="radio"){ code_value.value+="%26lt;input type=\""+sel_value+"\" name=\""+sel_value+"_"+n+"\" /%26gt;"+sel_value+"_"+i+" "; } else if(sel_value=="checkbox"){ code_value.value+="%26lt;input type=\""+sel_value+"\" name=\""+sel_value+"_"+i+"\" /%26gt;"+sel_value+"_"+i+" "; } else if(sel_value=="text"){ code_value.value+=sel_value+"_"+i+" : %26lt;input type=\""+sel_value+"\" name=\""+sel_value+"_"+i+"\" /%26gt;%26lt;br%26gt;"; } else{ code_value.value+="%26lt;input type=\""+sel_value+"\" name=\""+sel_value+"_"+i+"\" value=\""+sel_value+"_"+i+"\" /%26gt;%26amp;nbsp;%26amp;nbsp;"; } } code_value.value+="%26lt;/form%26gt;"; } function run_code(){ var win_code=window.open("","new_win",""); win_code.document.writeln(code_value.value); win_code.document.close(); } function check_type(){ var obj=document.getElementsByTagName("form")[0]; if(obj.elements[1].value=="image"){ obj.elements[3].style.display="block"; } else{ obj.elements[3].style.display="none"; } } %26lt;/script%26gt; %26lt;/head%26gt; %26lt;body%26gt; %26lt;div%26gt; %26lt;form%26gt; %26lt;center%26gt;%26lt;h3%26gt;自动生成表单%26lt;/h3%26gt;%26lt;/center%26gt; 表单个数:%26lt;input type="text" class="NUM" /%26gt; 表单类型: %26lt;select class="opt" onChange="check_type()"%26gt; %26lt;option value="file" checked%26gt;file %26lt;option value="text"%26gt;text %26lt;option value="button"%26gt;button %26lt;option value="image"%26gt;image %26lt;option value="radio"%26gt;radio %26lt;option value="checkbox"%26gt;checkbox %26lt;option value="reset"%26gt;reset %26lt;option value="submit"%26gt;submit %26lt;/select%26gt; %26amp;nbsp;%26lt;button onclick="Make_Code()" style="height:22px;padding:0px;width:50px;"%26gt;确定%26lt;/button%26gt;%26lt;br%26gt; %26lt;input type="file" style="width:300px;display:none;" /%26gt; %26lt;/form%26gt; %26lt;/div%26gt; %26lt;textarea id="code_value"%26gt; %26lt;/textarea%26gt; %26lt;div id="buttons" style="text-align:center;padding-top:10px;width:400px;height:50px;position:absolute;left:310px;top:300px"%26gt; %26lt;button onclick="run_code()"%26gt;运行代码%26lt;/button%26gt; %26lt;button onclick="code_value.value='';"%26gt;清除代码%26lt;/button%26gt; %26lt;/div%26gt; %26lt;/body%26gt; %26lt;/html%26gt;
