kyagrd · April 24, 2018 06:06
diff --git a/getpost.html b/getpost.html
 <!DOCTYPE html>
 <html>
 <head>
  <meta charset="utf-8">
 </head>

 <body>
 <script id='template' style="text/template">
  <p>아래에 생성된 폼은 다음 주소로 요청을 보냅니다.
     <pre><%=url%></pre>
  </p>
  <p>
  <form method="get" action="<%=url%>">
    <label for="name">GET으로 보낼 name:</label>
    <input type="text" name="name" value="Jane Doe">
    <input type="submit">
  </form>
  </p>

  <p>
  <form method="post" action="<%=url%>">
    <label for="name">POST로 보낼 name:</label>
    <input type="text" name="name" value="John Doe">
    <input type="submit">
  </form>
  </p>
 </script>

 <p>
  <form>
    <label>URL:</label>
    <input id="url" type="text">
    <input id="urlsubmit" type="submit" value="GET/POST 폼 생성">
  </form>
 </p>

 <!-- urlsumit 버튼을 누르면 템플릿 내용이 여기 나타나게 -->
 <div id='templateTarget'></div>

 <script src='https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore.js'></script>
 <script>
 // 여기에 내용 작성
 var tplContent = document.querySelector('#template').textContent;
 var tpl = _.template(tplContent);
 var tplTarget = document.querySelector('#templateTarget');

 function generateForms() {
  tplTarget.innerHTML = tpl({url:document.querySelector('#url').value});
 }

 var urlsubmit = document.querySelector('#urlsubmit');
 urlsubmit.addEventListener('click', generateForms);
 </script>



 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	</head>

	<body>
	<script id='template' style="text/template">
	<p>아래에 생성된 폼은 다음 주소로 요청을 보냅니다.
	<pre><%=url%></pre>
	</p>
	<p>
	<form method="get" action="<%=url%>">
	<label for="name">GET으로 보낼 name:</label>
	<input type="text" name="name" value="Jane Doe">
	<input type="submit">
	</form>
	</p>

	<p>
	<form method="post" action="<%=url%>">
	<label for="name">POST로 보낼 name:</label>
	<input type="text" name="name" value="John Doe">
	<input type="submit">
	</form>
	</p>
	</script>

	<p>
	<form>
	<label>URL:</label>
	<input id="url" type="text">
	<input id="urlsubmit" type="submit" value="GET/POST 폼 생성">
	</form>
	</p>

	<!-- urlsumit 버튼을 누르면 템플릿 내용이 여기 나타나게 -->
	<div id='templateTarget'></div>

	<script src='https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore.js'></script>
	<script>
	// 여기에 내용 작성
	var tplContent = document.querySelector('#template').textContent;
	var tpl = _.template(tplContent);
	var tplTarget = document.querySelector('#templateTarget');

	function generateForms() {
	tplTarget.innerHTML = tpl({url:document.querySelector('#url').value});
	}

	var urlsubmit = document.querySelector('#urlsubmit');
	urlsubmit.addEventListener('click', generateForms);
	</script>



	</body>
	</html>