[HTML] 폼 관련 태그

폼 관련 태그

• form태그 내의 제출 버튼 클릭시 해당 form 내에 사용자가 입력한 값들을 action에 지정한 서버로, method에 작성한 요청 전송 방식대로 넘기면서 입력한 값들을 key=value 세트 (=쿼리스트링) 로 전달 및 요청(request)하는 역할 수행
• 폼에서는 name 속성이 key값임 (id가 아님) ★
  • input 태그에 name 속성이 없으면 값이 전달되지 않음

action 속성

• 해당 form내에 사용자가 입력한 값들을 전달하면서 요청할 서버의 경로 제시

method 속성 (get, post)

• 요청 전송 방식을 지정하는 속성 (기본값은 get)
• get과 post 방식이 있음
  • get 방식 : 요청시 사용자가 입력한 값들이 url에 노출된다
  • post방식 : 요청시 사용자가 입력한 값들이 url에 노출되지 않는다

폼 그룹 묶기 태그 (fieldset, legend)

• fieldset : 그룹을 묶는 태그  (폼 테두리)
• legend : 그룹 테두리 상단에 제목을 붙임

button 태그

• button 태그의 기본 타입은 submit이므로 form 태그 안에 button 태그가 존재한다면 해당 버튼은 전송 요청을 보냄 ★
• 일반 버튼으로 사용하고자 하면 type="button”으로 버튼 타입으로 지정해줘야 함