[attribute] HTML - method 속성 ★★★ - 폼데이터 전송방식 지정 (= method속성 = 메서드속성/메소드속성)

1. method 예제 - GET 방식
2. method 정의
3. method 구문
4. method 예제 - POST 방식

method 예제 - GET 방식

 

<form action="/action_page.php" method="get" target="_blank">

  <label for="name">이름:</label>

  <input type="text" id="name" name="name"><br>

  <label for="nick">별명:</label>

  <input type="text" id="nick" name="nick"><br>

  <input type="submit" value="확인">

</form>

---

PS. action파일에서 $_GET 슈퍼전역변수로 받음.

 

$name = isset($_GET['name']) ? $_GET['name'] : '';

$nick = isset($_GET['nick']) ? $_GET['nick'] : '';

 

method 정의

 

폼데이터 전송방식 지정.

 

---

 

1.

• 폼데이터를 action 속성에 지정된 파일로 보낼 때의 방법을 지정.
• (get/post) 2가지 방식 사용 가능.
• 2방식 모두 전송 도중 변조될 수 있으니, 반드시 보안인증서(ssl) 적용해 https 프로토콜로 전송 권장.

 

2. GET 방식 특징

• URL 뒤에 name=value 형식으로 추가해 데이터 전송.
• URL 전체길이는 약 3000자로 제한됨.
• 데이터가 URL에 노출되므로 보안에 취약.
• 북마크 가능 O
• 비보안 데이터(예: Google의 쿼리 문자열) 전송에 좋음.

 

3. POST 방식 특징

• 전송데이터가 URL에 표시되지 않아 좀 더 안전.
• 크기 제한 없음.
• 북마크 가능 X

 

4.

모든 브라우저 지원.

 

method 구문

 

<form method="get|post">

 

---

[속성값]

 

get

GET 방식 사용.

• URL 주소 뒤에 붙여 전송 가능. (예) URL?name=value&name=value

 

post

POST 방식 사용.

 

method 예제 - POST 방식

 

<form action="/action_page.php" method="post" target="_blank">

  <label for="name">이름:</label>

  <input type="text" id="name" name="name"><br>

  <label for="nick">별명:</label>

  <input type="text" id="nick" name="nick"><br>

  <input type="submit" value="확인">

</form>

 

---

PS. action 파일에서 $_POST 슈퍼전역변수로 받음.

 

$name = isset($_POST['name']) ? $_POST['name'] : '';

$nick = isset($_POST['nick']) ? $_POST['nick'] : '';