목동코딩학원, document.createElement('form')으로 새창여는 방법

document.createElement('form')을 사용하여 새로운 form 엘리먼트를 만들고, window.open()을 사용하여 새 창을 열 수 있습니다.

다음은 예시 코드입니다.

// 새로운 form 엘리먼트 생성
const form = document.createElement('form');
form.action = 'submit.php';
form.method = 'POST';

// 폼에 추가할 입력 필드 생성
const nameInput = document.createElement('input');
nameInput.type = 'text';
nameInput.name = 'name';
nameInput.value = 'John';
form.appendChild(nameInput);

const emailInput = document.createElement('input');
emailInput.type = 'email';
emailInput.name = 'email';
emailInput.value = 'john@example.com';
form.appendChild(emailInput);

// 새 창 열기
form.setAttribute("target", "_blank");
document.body.appendChild(form);


// 폼 전송
form.submit();

위의 코드에서, form 엘리먼트를 생성하고 action과 method 속성을 설정합니다. 그리고 input 필드를 생성하고 form에 추가합니다. window.open() 메서드를 사용하여 새 창을 엽니다. 새 창에는 form 엘리먼트를 추가합니다. 마지막으로, form.submit() 메서드를 사용하여 폼을 전송합니다.

 

이렇게 하면 새 창이 현재 창 대신 새로운 창에서 열립니다.

목동코딩학원 : 온라인코딩교육, 유니티게임개발교육, 로블록스게임개발교육, 한국서비스산업진흥원, 플랫폼프로젝트수업,인공지능프로젝트