16. [JavaScript] 동적 폼(form) 생성하기

javascript 코드로 동적 폼(form) 생성하기

   <script type="text/javascript">
      function submit() {
         var form = document.createElement("form");
         form.setAttribute("charset", "UTF-8"); // 문자
         form.setAttribute("method", "post");  //post 방식
         form.setAttribute("action", "/controller/login"); //요청 보낼 주소

         var hiddenField = document.createElement("input"); // input 태그 생성
         hiddenField.setAttribute("type", "hidden"); // type 지정
         hiddenField.setAttribute("name", "id"); // input 태그 name 지정
         hiddenField.setAttribute("value", id); // input 태그 value 지정
         form.appendChild(hiddenField);

         hiddenField = document.createElement("input");
         hiddenField.setAttribute("type", "hidden");
         hiddenField.setAttribute("name", "password");
         hiddenField.setAttribute("value", 1234);
         form.appendChild(hiddenField);

         document.body.appendChild(form);
         form.submit();
      }
   </script>