1. select
• 다수의 옵션(선택지)을 포함할 수 있는 선택 메뉴이다
• 메뉴 안에 포함되는 옵션은 option 태그를 사용해 표시된다
• select에는 input과 마찬가지로 name을 지정할 수 있으며, 각각의 option에는
value 속성을 지정할 수 있다
* value는 실제로 처리될 값을 나타낸다
2. textarea
• 여러 줄의 일반 텍스트를 입력할 수 있는 입력 요소이다
• textarea 역시 name을 추가하여 구별해줄 수 있는 입력 요소이다
3. fieldset/legend
• fieldset 태그는 관련된 입력 양식들을 그룹화 할 때 사용한다
• legend 태그는 fieldset 태그 내에서 샤용되야 하며 그룹화된 fieldset의 제목을 정의한다
ex) <body>
<fieldset>
<legend>Login</legend>
Username <input type="text" name="username">
Password <input type="text" name="password">
</fieldset>
</body>Login Username Password
3. 실습
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>다양한 입력 요소 만들기</title>
</head>
<body>
<h1>키우고 싶은 동물 고르기</h1>
<select name="pet" multiple>
<option value="dog">강아지</option>
<option value="cat" selected>고양이</option>
<option value="hamster">햄스터</option>
<option value="parrot">앵무새</option>
</select>
<br>
<textarea name="content" rows="20" cols="10">기본적으로 쓰여 있는 텍스트</textarea>
</body>
</html>
블로그 이전했습니다 -> https://young-code.tistory.com