select & textarea

select

여러 개의 선택지를 포함할 수 있는 선택 메뉴

형태

<option>

사용 예

<select>
	<option>가</option>
    <option>나</option>
    <option>다</option>
</select>

input처럼 name 식별자를 지정할 수 있다.
각 option은 value 속성을 지정할 수 있다.

textarea

여러 줄의 일반 텍스트를 입력 할 수 있는 입력 요소
input은 한 줄만 입력 가능한데 textarea는 여러 줄이 가능한 것처럼 텍스트 입력창 크기를 조절할 수 있다.
name도 추가해 구별 가능

형태

<textarea name = "letter"></textarea>

값을 요구하지 않는 속성 multiple
multiple이다/아니다

컨트롤을 함께 누르면 옵션을 여러 개를 선택할 수 있다.

선택 전에 미리 선택되게 하는 속성 selected

입력창 크기를 넘어가면 스크롤이 생긴다.

안내문구를 넣을 땐 속성을 넣지 않고 텍스트로도 가능하다.

행수를 정하는 속성 rows
열수(너비)를 정하는 속성 cols
하지만 cols는 정확히 크기가 맞춰지지 않는다. 글꼴이나 글자 모양에 다라서 계산이 달라지기 때문이다.