IT/Programming / / 2023. 4. 18. 11:25

HTML - 데이터 전송

반응형

1. 데이터 전송

1) exam9.html -> result.html로 데이터를 전송

exam9.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>08-데이터 전송</title>
</head>
<body>
	<form action ="result.html" name="form1" method ="get" >
		<fieldset>
			<legend>이름 입력하기</legend>
			<div>
				<label for="user_name">이름 : </label>
				<input type="text" name="user_name" id="user_name"/>
			</div>
			
			<div>
				<input type="submit" value="입력완료"/>
				<input type="reset" value="다시작성"/>
				<input type="button" value="일반버튼"/>
				<input type="image" src="img/ok.png" alt="입력완료"/>
			</div>
		</fieldset>
	</form>
</body>
</html>
 

resylt.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>result.html</title>
</head>
<body>
	<h1>입력 결과를 전송 받기 위한 페이지</h1>
	<p>이 페이지는 ASP, PHP, JSP등의 웹 프로그램을 가정하여 작성되었습니다.</p>
	<p>사용자가 form에 입력한 내용을 전송받아서, 후속 처리를 수행하게 됩니다.</p>
</body>
</html>
 

 

입력 완료 or 완료 버튼 클릭

반응형

'IT > Programming' 카테고리의 다른 글

C++ <헤더>  (0) 2023.04.18
HTML - TABLE기본  (0) 2023.04.18
HTML - DROPDOWN(SINGLE,MULTI), 파일 첨부  (0) 2023.04.18
HTML - INPUT TYPE(TEXT,PASS,MEMO,HIDDEN,CHECK,RADIO)  (0) 2023.04.18
HTML - Image, Link  (0) 2023.04.18
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유