<input>) 외에, 사용자에게 더 풍부하고 직관적인 입력 방식을 제공하는 다양한 양식 태그들입니다.각 태그가 화면에서 어떤 형태의 UI 컴포넌트로 그려지는지 직관적으로 확인하세요.
| 태그명 | 주요 속성 | 설명 |
|---|---|---|
<select>, <option> |
value, selected |
클릭하면 밑으로 쭈욱 펼쳐지는 드롭다운(Dropdown) 목록을 만듭니다. |
<textarea> |
rows, cols |
여러 줄의 긴 텍스트(엔터 포함)를 입력받을 수 있는 커다란 입력창입니다. rows로 세로 길이를 조절합니다. |
<fieldset>, <legend> |
- | 연관된 폼 요소들을 fieldset으로 묶어 시각적인 테두리를 만들고, legend로 그룹의 제목을 달아줍니다. |
<datalist> |
id |
input 태그의 list 속성과 연결하여, 글자를 칠 때 밑에 자동완성 추천 목록을 띄워줍니다. |