HTML & CSS & JS/HTML

HTML _ Form 태

MINSU KANG 2021. 1. 16. 19:27

폼(Form)

사용자에게 데이터를 입력 받기 위한 화면 구성을 폼이라고 함. <form></form>사이에 폼 관련 태그들(input, label, button, select 등)을 넣어 하나의 폼을 구섬하게 됌. 이 태그 내에 input, select, button등의 입력 태그들을 넣어 사용자의 입력을 받아서 원하는 서버의 주소로 전송할 수 있음

- form태그 : 폼의 시작과 끝은 정의하는 태그

(주요속성)

      action : 데이터를 전송할 url 주소.

      method : 데이터를 전송할 방법. 주로 get과 post 방식 중 하나를 사용

      enctype : 데이터를 전송할 때 전송 인코딩 형식을 지정

- input태그 : 입력상자를 만드는 태그. type의 속성에 따라 입력칸, 선택박스(라디오버튼, 체크 박스), 버튼을 표시할 수 있음(홀태그 형식으로 사용) 

(주요속성)

      type : 입력 형태를 지정. text, password, button, sybmit, radio, checkbox 등이 있음

      name : 입력 값의 이름을 지정

      value : 입력 상자의 값을 지정

- textarea 태그 : 두 줄 이상의 긴 글을 입력 받도록 해주는 입력 칸을 만듬. 쌍 태그로 만들어지고 태그 사이에 값을 미리 넣을 수 있음

- label : 사용자에게 각 입력 칸을 설명해주는 레이블을 표시할 수 있음. 입력 태그에 id 속성으로 지정된 값을 for 속성으로 넣어주며 그 입력 태그를 수식

- button : 버튼을 만드는 태그

- fieldset, legend 태그 : 여러 입력 태그를 하나의 그룹으로 묶고 원하는 제목을 달 수 있음