29_button.html

button 태그

form과 button을 하나의 양식으로 처리할 수 있음

form의 id 속성과 button의 form 속성값이 같아야 합니다

"> button 태그

button 태그

form과 button을 하나의 양식으로 처리할 수 있음

form의 id 속성과 button의 form 속성값이 같아야 합니다

"> button 태그

button 태그

form과 button을 하나의 양식으로 처리할 수 있음

form의 id 속성과 button의 form 속성값이 같아야 합니다

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>button 태그</title>
</head>
<body>
<!--
	# button 태그
	- 클릭이 가능한 버튼을 만듬.
-->
	<h2>button 태그</h2>
	<br>
	<form id="login-form" action="#">
		<fieldset>
			<legend>로그인</legend>
			<label for="user-id">ID</label>
			<input id="user-id" type="text" name="userid">
			<br>
			<label for="user-pw">PW</label>
			<input id="user-pw" type="password" name="userpw">
			<br><br>
			<input type="submit" value="로그인">&nbsp;<input type="reset" value="취소"> 
			<p> submit : form 에 입력한 내용을 서버로 전송하고<br>, form 태그의 action 속성에 지정한 페이지에서 실행</p>
			<p> reset : form에 입력한 내용 지우기</p>
		</fieldset>
	</form>
	<br>
	
	<button form="login-form" type="submit">로그인</button>
	<button form="login-form" type="reset">취소</button>
	<p> form과 button을 하나의 양식으로 처리할 수 있음</p>
	<p> form의 id 속성과 button의 form 속성값이 같아야 합니다</p>
</body>
</html>