![[HTML] textarea 태그 & select 태그](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FL68ug%2FbtroSsF2Bq6%2FAAAAAAAAAAAAAAAAAAAAAJzN38VCVMExNMC_2m8F2E_lhR7BSkEa5Q5lwzv53pa3%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1769871599%26allow_ip%3D%26allow_referer%3D%26signature%3DD2fCn6%252BwCqDrgs%252Bzy94matRUNZk%253D)
textarea 태그
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Basic</title>
</head>
<body>
<textarea>TextArea Text</textarea>
</body>
</html>
textarea 태그
<textarea> 태그 안에 미리 글자를 입력하고 싶다면 위처럼 <textarea> 태그 안에 글자를 입력해준다.
<cols> 태그 너비 지정
<rows> 태그 높이 지정
select 태그 - 예제 1
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Basic</title>
</head>
<body>
<select>
<option>김밥</option>
<option>떡볶이</option>
<option>순대</option>
<option>오뎅</option>
</select>
</body>
</html>
select 태그 - 예제 2
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Basic</title>
</head>
<body>
<select multiple="multiple">
<option>김밥</option>
<option>떡볶이</option>
<option>순대</option>
<option>오뎅</option>
</select>
</body>
</html>
select 태그 - 예제 3
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Basic</title>
</head>
<body>
<select>
<optgroup label="HTML5">
<option>Multimedia Tag</option>
<option>Connectivity</option>
<option>Device Access</option>
</optgroup>
<optgroup label="CSS3">
<option>Animation</option>
<option>3D Transform</option>
</optgroup>
</select>
</body>
</html>
select 태그
<select> 선택 양식 생성
<optgroup> 옵션 그룹화
<option> 옵션 생성
<multiple> 여러 개의 목록을 선택하고 싶을 때는 select 태그의 multiple 속성을 사용
'HTML > Day36' 카테고리의 다른 글
| [HTML] 공간 분할 태그 div & span (0) | 2021.12.26 |
|---|---|
| [HTML] fieldset 태그 & legend 태그 (0) | 2021.12.26 |
| [HTML] form 입력 양식 태그 & input 태그 (0) | 2021.12.25 |
| [HTML] video 비디오 태그 (0) | 2021.12.25 |
| [HTML] audio 오디오 태그 (0) | 2021.12.25 |