한국어
Javascript를 사용하여 다양한 양식 특수 효과 코드 자동 생성, 양식 웹 페이지 특수 효과 자동 생성
<html> <head> <title>Javascript를 사용하여 다양한 양식 자동 생성 downcodes.com</title><!--제목 부분--> < style type="text/css"> body{ } div{ border:1 width:300px; padding:px; color:absolute; ; 상단:0px; } 텍스트 영역: 절대: 310px; 너비: 300px; 색상: 적갈색; { 너비:30px; 테두리:1 솔리드 #000; 높이:20px; } .opt{ 글꼴 크기:11px; 테두리:1 너비:100px; 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"; 요소[ 3].value; code_value.value+="<입력 유형=""+sel_value+"" 이름=""+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=="checkbox"){ code_value.value+="<입력 유형=""+sel_value+"" name=""+sel_value+"_"+ i+" " />"+sel_value+"_"+i+" "; } else if(sel_value=="text"){ code_value.value+=sel_value+"_"+i+" : <입력 유형=""+sel_value+ " " 이름=""+sel_value+"_"+i+"" /><br>"; } else{ code_value.value+="<입력 유형=""+sel_value+"" 이름="" +sel_value+ "_"+i+"" value=""+sel_value+"_"+i+"" /> "; } } code_value.value+="</form>"; } 함수 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"; } } </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 < 옵션 값="버튼">버튼 <옵션 값="이미지">이미지 <옵션 값="라디오">라디오 <옵션 값="체크박스">체크박스 <옵션 값="재설정">재설정 <옵션 값=" 제출 ">제출 </select> <button onclick="Make_Code()" style="height:22px;padding:0px;width:50px;">확인</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>
