[HTML] 입력 양식 및 폼 관련 태그

TIL: 스스로 이해한 것을 바탕으로 정리하였기에 오류가 있을 수 있습니다. 틀린 부분은 댓글로 알려주시면 감사하겠습니다.

 

입력 양식 관련 태그

 

input 태그

사용자에게 값을 입력받을 수 있는 텍스트상자(체크박스또는 버튼 등등)을 만들 수 있는 태그

 

 

* < input type="text" / type="password">

* < input type="radio" >

 

 

 

 

폼 관련 태그

 

form 태그내의 submit버튼 클릭시 form태그 내에 작성한 서버로 사용자가 입력한 값들을 넘기면서 역할을 수행한다.

form action="" method="" 

* action 속성 : form태그 내에 입력된 값들을 전달할 서버에 대한 경로를 제시하는 공간

* method 속성 : 요청전송방식을 지정하는 속성 (get(기본값)/post)

                     > get 방식 : 요청시사용자가 입력한 값들이 url에 노출되는 방식 ex) 검색폼

                     > post 방식 : 요청시 사용자가 입력한 값들이 url에 노출되지 않는 방식 ex) 회원가입, 로그인폼

form 태그 내에 submit버튼 클릭시 method에 제시한 요청전송방식으로 action에 지정된 경로로 사용자가 입력한 key=value를 세트로 전달한다.

 

 

 

 

 

 

 

fieldset

* fieldset : 그룹을 묶는 태그 

  legend : 해당 그룹의 제목을 붙이는 태그 (fieldset의 하위요소)

보라색: fieldset / 노란색 : legend