form
-
사용자와 웹사이트 또는 어플리케이션이 서로 상호 작용하는 것 중 중요한 기술 중에 하나이다.
-
사용자가 웹사이트에 데이터를 전송해주기도 하며 이밖에 웹페이지가 입력 데이터를 사용하기 위하여 사용할 수도 있다.
form 요소
-
<form>: 입력 양식 전체를 감싸는 태그- 컨트롤 요소로 구성
-
<input>: 사용자가 정보를 입력하는 부분을 만들어야 할 때 사용- 타입에 따라 어떤 형식으로 폼 양식을 정할지 결정
-
<textarea>: input요소의 'text'타입과 비슷한 형태 / 여러 줄의 긴 내용을 입력하는 것이 가능- 텍스트 창의 너비와 높이는 HTML에서는 cols, rows 속성으로, CSS에서는 width와 height값으로 지정할 수 있다.
- form태그와 함께 사용해 감상평, 자기소개서 제출 등의 용도로 사용할 수 있다.
-
<label>: 레이블 그 자체로는 효과가 없지만, input태그를 제어하여 상태값을 변경하도록 돕는 역할 -
<fieldset>: 관련 요소를 양식으로 그룹화 -
<legend>:<fieldset>요소에 대한 캡션을 정의 -
<select>: 드롭다운 목록을 정의 -
<optgroup>: 드롭다운 목록에서 관련 옵션 그룹을 정의 -
<option>: 드롭다운 목록에서 옵션을 정의 -
<button>: 클릭 가능한 버튼을 정의
