티스토리 뷰
사용자들로 하여금 여러가지 선택지 중에서 하나를 선택하게 하는 방법을 표시하는 방법을 익혀봅시다.
예제파일을 form_choice1.html으로 작성합니다.
사용자에게 선택옵션을 주는 태그 중에서 드랍다운리스트(콤보상자)로 표시하는 것은 <select>~</select>라는 태그 아래 각 선택 항목들을 <option>태그로 감싸줍니다.
<option value="서버에게 전해지는 항목이름값">우리가 보기편한 값(캡션)과 컴퓨터가 이해하기 쉬운값으로 나눠서 표시를 해줍니다.
<select>태그에서 multiple이라는 속성을 사용하면 다중선택이 가능하지만 다중선택의 경우 checkbox를 사용하는 것이 더 좋습니다.
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form action="http://locallhost/color.php">
<h1>색상</h1>
<select name="color">
<option value="red">붉은색</option>
<option value="black">검은색</option>
<option value="blue">파란색</option>
</select>
<h1>색상2(다중선택)</h1>
<select name="color2" multiple>
<option value="red">붉은색</option>
<option value="black">검은색</option>
<option value="blue">파란색</option>
</select>
<input type="submit" value="제출">
</form>
</body>
</html>
'방과후 > HTML' 카테고리의 다른 글
| HTML - form : button (0) | 2017.09.08 |
|---|---|
| HTML - form : radio, checkbox (0) | 2017.09.06 |
| HTML - form : 문자입력 (0) | 2017.09.06 |
| HTML - form 기본 (0) | 2017.09.05 |
| HTML - 표2 : 구조 및 병합 (0) | 2017.09.04 |