HTML 태그 - optgroup
본문
HTML 태그 - optgroup
<optgroup>태그는 폼양식에서 <select>태그내에서 선택항목을 그룹으로 만들 때 사용합니다.
속성
disabled이 속성이 설정되면 사용자는 해당 항목은 사용할 수 없게 됩니다.
label항목의 라벨을 지정합니다.
샘플
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="코리아뉴스" />
<title> html공부 </title>
<link rel="stylesheet" type="text/css" href="default.css" / >
<style type="text/css">
body {
color:red;
}
</style>
</head>
<body>
<section>
<h1>optgroup태그</h1>
<form action="" method="post">
<fieldset>
<legend>폼 테스트</legend>
<label for ="fname">성명</lavel>
<input id="fname" type="text" placeholder="실명으로" autofocus required>
<label for ="fe-mail">이메일</lavel>
<input id="femail" type="email" placeholder="abc@abc.com">
<label for ="fphone">전화번호</lavel>
<input id="fphone" name="phone" placeholder="02-1111-1111" required>
<label for ="fsubject">선호과목</lavel>
<select name="fsubject">
<optgroup label="전공1">
<option value="html">html</option>
<option value="css">css</option>
<option value="java">java</option>
</optgroup>
<optgroup label="전공2">
<option value="리눅스">리눅스</option>
<option value="보안">보안</option>
<option value="프로그램">프로그램</option>
</optgroup>
<optgroup label="전공3">
<option value="html5">html5</option>
<option value="css3">css3</option>
<option value="javascript">javascript</option>
</optgroup>
</select>
<label for ="fcontent">내용</lavel>
<textarea name="fcontent" rows="5" cols="90">내용을 적으세요</textarea>
</fieldset>
<fieldset>
<input type="submit" value="저장">
<button name="button">클릭하여 힌트를 얻으세요.</button>
</fieldset>
</form>
</section>
<div id="related">
<p>영역 </p>
</div>
<footer>
<address> 전화 : 031-574-3659, E-mail : master@koreanews.com </address>
Copyright ⓒ 2013 Koreanews co., All Rights Reserved.
</footer>
</body> </html>
- 이전글HTML 태그 - option 14.12.11
- 다음글HTML 태그 - ol 14.12.11