Everything has an expiration date
HTML 20231128 [프로그램 소스] - Test023 본문
WebApp01
Test023.html
Test023.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test023.html</title>
</head>
<body>
<div>
<h1>드롭다운메뉴(selectbox) 만들기</h1>
<hr>
</div>
<div>
<form>
<p>당신이 가장 좋아하는 종목은?</p>
<select name="selectSport">
<option>-- 선택하세요 --</option>
<option value="val1">야구</option>
<option value="val2">축구</option>
<option value="val3">배구</option>
<option value="val4">농구</option>
</select>
<br><br>
<p>당신의 직책은?</p>
<select name="selectJikwi">
<!-- 회사 구조상, 사원이 가장 인원수가 많으므로 default를 사원으로 둔다. -->
<!-- 굳이 맨 앞에 두지 않더라도, selected 옵션을 사용하면 기본값으로 설정된다. -->
<option value="1">회장</option>
<option value="2">사장</option>
<option value="3">부장</option>
<option value="4">과장</option>
<option value="5">대리</option>
<option value="6" selected="selected">사원</option>
<option value="7">인턴</option>
</select>
<br><br>
<button type="button">확인</button>
<button type="reset">다시 입력</button>
<!-- 다중선택 가능하게하기 -->
<!-- ① 모든 옵션이 보이도록 사이즈 조절 -->
<!-- ② multiple 옵션 사용. -->
<p>좋아하는 산은? (다중 선택 가능)</p>
<select name="trav" size="6" multiple="multiple">
<option value="val1">백두산</option>
<option value="val2">한라산</option>
<option value="val3">지리산</option>
<option value="val4">설악산</option>
<option value="val5">북한산</option>
<option value="val6">속리산</option>
</select>
</form>
</div>
</body>
</html>'[HTML] > Program source (HTML)' 카테고리의 다른 글
| HTML 20231128 [프로그램 소스] - Test019, Test020, Test021, Test022 (0) | 2023.11.28 |
|---|---|
| HTML 20231128 [프로그램 소스] - Test015, Test016, Test017, Test018 (0) | 2023.11.28 |
| HTML 20231128 [태그 정리] ① (2) | 2023.11.28 |
| HTML 20231128 [프로그램 소스] - Test014 (0) | 2023.11.28 |
| HTML 20231128 [프로그램 소스] - Test012, Test013 (0) | 2023.11.28 |
'[HTML]/Program source (HTML)' Related Articles
more
