1. form
• 입력 요소들을 감싸며, 입력 값을 서버 측으로 제출(submit)할 수 있다
1) action : 입력값을 전송할 서버의 url
2) method : 클라이언트가 입력한 데이터를 어떤 식으로 전송할지 (GET or POST)
2-1) GET : 서버에 요청을 보내어 응답을 받아낸다
서버로부터 정보를 '가져오겠다'는 성격의 요청이다
GET 방식은 전송 URL에 입력 데이터를 쿼리스트링으로 보내는 방식이다
전송 URL 바로 뒤에 ‘?’를 통해 데이터의 시작을 알려주고,
key-value형태의 데이터를 추가한다. 1개 이상의 전송 데이터는 ‘&’로 구분한다
URL에 전송 데이터가 모두 노출되기 때문에 보안에 문제가 있으며 전송할 수
있는 데이터의 한계가 있다 (최대 255자)
REST API에서 GET 메소드는 모든 또는 특정 리소스의 조회를 요청한다
2-2) POST : 서버에 요청을 보내어 작업을 수행한다
서버에 있는 데이터를 추가/수정/삭제한 후에 응답을 받아낸다
서버의 정보를 '조작하겠다'는 성격의 요청이다
POST 방식은 Request Body에 담아 보내는 방식이다.
URL에 전송 데이터가 모두 노출되지 않지만 GET에 비해 속도가 느리다.
REST API에서 POST 메소드는 특정 리소스의 생성을 요청한다.
ex) <form action="exmaple.php" method="POST"></form>
2. 실습
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>서버에 요청을 보내자, 폼!</title>
</head>
<body>
<h1>키우고 싶은 동물 고르기</h1>
<form action="exam.php" method="POST">
<input type="text" placeholder="NAME" name="name">
<br>
<select name="pet">
<option value="dog">강아지</option>
<option value="cat">고양이</option>
<option value="parrot">앵무새</option>
</select>
<br>
<input type="submit" value="전송">
</form>
</body>
</html>
블로그 이전했습니다 -> https://young-code.tistory.com