이번 포스트에서는 form 태그의 속성 중에서 method에 대해 알아보겠습니다.
지금 배울 내용은 HTML과 CSS까지만 공부해서 블로그를 꾸미는 정도까지만 배운다면 그냥 가볍게 듣고 흘려도 되는 내용입니다.
하지만 로그인을 필요로 하는 웹사이트를 만들려는 분들에게는 필수적인 내용이라고 할 수 있겠습니다.
어차피 프로그래밍 언어를 배우고 로그인 기능을 구현하는 상황이 오면 또 배울 테니 지금 너무 애써서 외우려고 하지는 않으셔도 됩니다.
지난 포스트
form method="post"
form 태그에 대해서 처음 배웠던 위의 포스트에서 만든 로그인 폼을 통해 아이디와 패스워드를 입력하고 submit 버튼을 클릭하면 웹페이지의 주소창에 아이디와 비밀번호가 그대로 드러나게 됩니다.
이렇게 말이죠.
이런 현상을 방지하기 위해 쓰이는 form 태그의 속성이 <form method="post">입니다.
form_method.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form action="http://localhost/login.php" method="post">
<p>
<label for="id">아이디 :</label>
<input id="id" type="text" name="id">
</p>
<p>
<label for="pw">비밀번호 :</label>
<input id="pw" type="password" name="pw">
</p>
<input type="submit">
</form>
</body>
</html>
위의 소스 코드처럼 form 태그에 method 속성을 post로 주면 submit 버튼을 클릭한 후에도 이렇게 웹페이지의 주소창에 사용자가 입력한 정보가 노출되는 일이 없어집니다.
나중에 php라는 언어에 대해서 포스팅할 때 또 이야기하게 될 주제입니다.
다음 포스트
댓글 쓰기
1. 댓글은 블로그 운영자의 승인 후에 블로그에 표시됩니다.
2. 가능하면 비로그인 방문자 분께서는 익명보다 이름/URL로 댓글을 남겨주시면 감사하겠습니다. (URL은 생략 가능합니다.)
3. 구글 블로그에 댓글을 쓰고 '게시' 버튼을 클릭했을 때 가끔 에러가 발생해서 댓글이 날아가는 이슈가 있습니다.
혹시 장문의 댓글을 남기실 분들은 혹시 모를 에러를 대비해 '게시' 버튼 클릭 전에 댓글을 복사해두세요.