강의 목표

• 양식(form) 태그에 대해 이해
• 다양한 속성을 적절히 사용!
  • INPUT, LABLE, SELECT, TEXTARER, BUTTON

입력 양식(from)

• <form> 태그는 하나의 신청서 종이라고 생각
• <form>묶으면 그 안에는 질물, 선택사항, 답변 작성 공간 등이 배치
• 속성
  • action
    • 데이터를 보낼 URL을 지정
  • method
    • 보내는 방식 ⇒ get , post

get과 post

• 사용자의 입력 데이터는 HTTP 요청 메세지로 보내진다.
• GET 방식은 메세지의 Header 부분의 url에 데이터를 붙여 보낸다
• POST 방식은 메세지의 body 부분에 숨겨 보낸다.
• HTTP 메세지 참조 :
• GET 방식은 데이터 조회를 목적으로 하고
• POST 방식은 데이터 수정, 사용, 삭제할 경우에 주로 사용한다.
  • 또한 보안적인 사용에서도 POST방식을 사용

<input> 태그

• <input 속성>으로 구성
• 속성
  • type
    • 어떤 유형의 값을 받을 것인지 설정
  • name
    • 데이터를 전송할 때 key:value 타입으로 보내는데
    • name 값은 키 값으로 활용된다.
  • placeholder
    • 가이드 문구 지정
  • value
    • 할당하는 속성
    • 기본값>?
  • id
    • label과 세트