아래 코드는 메인 웹페이지의 왼쪽 부분인 천문현상관련 설문조사 부분이다.
사실 폼 요소를 넣어야 할거같아서 만들어본 부분이다.
<html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h2>What astronomical phenomenon are you most looking forward to in 2023?</h2>
<form>
<select name="phenomenon">
<option value="1">사분의자리 유성우</option>
<option value="2">금성과 목성의 근접</option>
<option value="3">달과 금성의 근접</option>
<option value="4">혼성일식</option>
<option value="5">거문고자리 유성우</option>
<option value="6">반영월식</option>
<option value="7">화성과 벌집성단의 근접</option>
<option value="8">금성과 벌집성단의 근접</option>
<option value="9">물병자리 델타 유성우</option>
<option value="10">페르세우스 자리 유성우 </option>
<option value="11">망과 달의 근지점(블루문) </option>
<option value="12">부분월식</option>
<option value="13">목성의 충</option>
<option value="14">황소자리 남쪽 유성우</option>
<option value="15">황소자리 북쪽 유성우</option>
<option value="16">사자자리 유성우</option>
<option value="17">쌍둥이자리 유성우</option>
<option value="18">작은곰자리 유성우</option>
<button onclick="displayMessage()">제출</button>
<input type="submit"value="submit"><br><br>
의견제출하기<br>
<textarea cols="30" rows="5">이곳에 의견 작성</textarea>
<input type="submit"value="submit"><br><br>
</select>
</form>
</body>
</html>
'대학교 1-1 > 인프' 카테고리의 다른 글
| 작동되는 웹페이지의 모습 (0) | 2023.06.15 |
|---|---|
| 웹페이지 종강 과제5 (0) | 2023.06.15 |
| 웹페이지 종강 과제3 (0) | 2023.06.15 |
| 웹페이지 종강 과제2 (0) | 2023.06.15 |
| 웹페이지 종강 과제1 (0) | 2023.06.15 |
