<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>로그인 폼</title>
</head>
<body>
<h3>로그인 폼</h3>
<hr />
<form name="LoginForm" method="get">
사용자 이름
<br />
<input type="text" size="15" value="" id="name" />
<br />
ID
<br />
<input type="text" size="15" value="" id="id" />
<br />
비밀번호<br />
<input type="password" size="15" value="" id="pwd" />
<br />
<br />
<input type="submit" value="완료" onclick="getMemberInfo()" />
</form>
</body>
</html>
name
폼의 이름을 지정한다.
action
submit 버튼이 눌리면 브라우저는 action에 지정된 웹 서버 응용프로그램 실행을 요청한다.
method
폼 데이터를 웹 서버로 전송하는 형식이다.
대표적으로 GET, POST가 있다.
<form name="sform" action="https://search.naver.com/search.naver" method="get">
<input name="query" type="text">
<input type="submit" value="검색">
</form>
브라우저는 search.naver.com에 접속하여 search.naver 실행을 요청하고 query=bird를 전달한다.
웹 서버에서 search.naver 응용프로그램이 실행되고, 검색 결과를 브라우저에게 보낸다.
브라우저는 검색 결과를 화면에 출력한다.
예전에 공부하면서 블로그에 정리했었다. HTML 배운지 얼마 되지 않았던 때 정리했던 거라 블로그가 엉망이긴 하다.