select는 해당 창을 클릭하면 옵션들이 나와 선택할 수 있다.
하지만 form 안에 output으로 설정된 select이 있으면 연속해서 선택하는 부분이 어렵다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<label>당신의 혈액형을 선택하세요.</label>
<select name="blood_type">
<option value="a">A형</option>
<option value="b">B형</option>
<option value="O">O형</option>
<option value="ab">AB형</option>
</select>
<br><br>
<label>좋아하는 과일을 선택하세요(다중선택):</label><br>
<select name="fruit" size="4" multiple>
<option value="1">사과</option>
<option value="2">수박</option>
<option value="3">자두</option>
<option value="4">살구</option>
<option value="5">딸기</option>
<option value="6">참외</option>
</select><br><br>
<form oninput="result.value=answer.value">
<fieldset>
<legend>< input > 태그로 입력 받는 type 속성의 종류가 아닌 것은?</legend>
<input type="text" name="answer" list="types" size="10">
<datalist id="types">
<option value="radio"></option>
<option value="submit"></option>
<option value="email"></option>
<option value="button"></option>
<option value="date"></option>
</datalist><br><br>
<label>위에 문제의 정답은?</label><br>
<output for="answer" name="result"></output>
</fieldset>
</form>
</body>
</html>
728x90
반응형
'HTML > HTML 기초' 카테고리의 다른 글
| [HTML] header부분 (0) | 2020.07.29 |
|---|---|
| [HTML] input 기타 type 알아보기 (0) | 2020.07.28 |
| [HTML] input, output 사용해보기 (0) | 2020.07.28 |
| [HTML] 전체 style 지정해보기 (0) | 2020.07.28 |
| [HTML] input의 여러가지 형태 (0) | 2020.07.28 |
