본문 바로가기
WEB Archive

[HTML] 전송, 취소버튼 만들기(submit, reset)

by universedevelope 2024. 8. 19.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test021.html</title>
</head>
<body>

<div>
	<h1>전송, 취소 버튼 만들기</h1>
	<hr>
</div>

<div>
	<!-- 데이터 전송 및 페이지 요청 -->
	<!-- 폼으로 구성한 데이터의 내용들을 전달할테니....요청한 페이지와 만날 수 있게 해달라 -->
	
	<form action="http://localhost:8090/WebApp01/Test022.html">
		*이름<input type = "text" name="name" size = "15" maxlength = "10">
		<br>
		*이메일<input type="text" name="email" size="15" maxlength="20">
		<br>
		*하고싶은 말<br>
		<textarea rows="10" cols="50" name="field"></textarea>
		<br><br>
		
		<input type = "submit" value = "전송하기" name = "submitBtn">
		<input type = "button" value = "전송하기">
		<button type = "button">전송하기</button>
		<button type = "button">
				<img alt="" src = "images/btn_03.png">
		</button>
		
		<!-- 타입 명시안하면 기본값 : submit -->
		<button>전송하기</button>
		<button type = "submit">전송하기</button>
		<br><br>
		
		
		<input type = "reset" value = "취소하기" name = "resetBtn">
		<br><br>
		
	</form>
</div>
</body>
</html>

                                                                ▼▼▼

                                                               이동하기

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test022.html</title>
</head>
<body>

<div>
	<h1>Test021.html 확인</h1>
	<hr>
</div>

<div>
	네가 전송한 이름, 이메일 하고싶은 말을 모두 확인했다. <br>
	나는 관대하다~!!!<br>
</div>

</body>
</html>

 

728x90

댓글