#13 form part.1

• form : 사용자가 입력한 데이터(입력값)를 서버로 보내기 위해 사용하는 태그
  (이때 서버는 정보를 제공하는 호스트(host)이다.)

• 클라이언트(사용자)가 요청하면, 서버는 그에 대한 응답으로 정보를 제공한다.
  (과정 예시)
  클라이언트 : 네이버 주소 입력 => 서버 : 홈페이지 html 문서 전송 => 클라이언트 : 서버로부터 네이버를 받음

게다가 클라이언트가 어떤 요청을 보내는가에 따라 응답은 달라질 수 있다.
예시)
클라이언트 로그인
-> 1)사용자 입력 요류 ->서버 : 입력 오류 인식 후 오류 전송 -> 클라이언트 : 로그인 오류 인지
-> 2)사용자 입력 정상 ->서버 : 입력 정상 인식 후 로그인 시킴 -> 클라이언트 : 로그인 성공 인지

#14 form part.2

• form 태그 : 입력 요소들을 감싸며, 입력값을 서버측으로 제출 할 수 있는 태그

<form action="exam.php" method="POST">
     <input type="text" placeholder="아이디" name="ID">
     <br>
     <input type="text" placeholder="비밀번호" name="PW">
</form>

• submit 타입 : form의 내용(입력 값)을 제출하기 위해 input 태그의 submit 타입을 사용할 수 있다.

 <input type="submit" value="로그인"> // vlaue 없으면 기본값은 "제출"

• form의 속성
  action : 입력값을 전송할 서버의 url
  method : 클라이언트가 입력한 데이터를 어떤 식으로 전송할지 정함(POST vs GET)

<form action="example.php" method="POST"></form>

//example.php 라는 서버 프로그램으로 입력값을 전송하여 요청 할 것이다. (POST 방식으로)

• GET : 서버에 요청을 보내어 응답을 받아낸다. 서버로부터 정보를 '가져오겠다'는 성격의 요청
• POST : 서버에 요청을 보내어 작업을 수행한다. 서버에 있는 데이터를 추가, 수정, 삭제 한 후에 응답을 받아낸다. 서버의 정보를 '조작하겠다' 라는 성격의 요청

(코드)

(결과 : exam.php 파일을 같은 디렉토리에 만들어 두고 그곳으로 입력값을 전송하는 프로그램, 전송 후의 모습은 아래와 같다.)

(전송후 exam.php 파일로 이동한 모습, 아직은 아무것도 없는 모습이다.)