HTML5-CSS/Select1.html at master · ViGilanteAF/HTML5-CSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>여름방학 특강 신청</title>
    <style>
      .div {
        color: green;
      }
    </style>
  </head>
  <body>
    <h1>여름방학 특강 신청</h1>
    <fieldset>
      <legend>수강 신청인</legend>
      <ul>
        <li>
          <label>학번</label>
          <input type="text" name="uid" id="id" />
        </li>
        <li>
          <label>이름</label>
          <input type="text" name="name" id="name" />
        </li>
        <li>
          <label for="class" class="reg">학과</label>
          <select id="class">
            <optgroup label="공과대학">
              <option value="archi">건축공학과</option>
              <option value="mechanic">기계공학과</option>
              <option value="indust">산업공학과</option>
              <option value="elec">전기전자공학과</option>
              <option value="computer" selected>컴퓨터공학과</option>
              <option value="chemical">화학공학과</option>
            </optgroup>
            <optgroup label="인문대학">
              <option value="history">사학과</option>
              <option value="lang">어문학부</option>
              <option value="philo">철학</option>
            </optgroup>
          </select>
        </li>
      </ul>
    </fieldset>
    <fieldset>
      <legend>
        수강 과목을 선택하세요
      </legend>
      <ul>
        <li>
          <label class="div">관심 분야</label>
          <input type="text" id="interest" list="choices" />
          <datalist id="choices">
            <option value="grammar" label="문법"></option>
            <option value="voca" label="어휘"></option>
            <option value="speaking" label="회화"></option>
            <option value="listening" label="듣기"></option>
            <option value="news" label="뉴스청취"></option>
          </datalist>
        </li>
      </ul>
    </fieldset>
    <fieldset>
      <legend>이지스퍼블리싱</legend>
      <textarea name="intro" cols="70" rows="5">
          열심히 사는 사람들의 손을 잡아주는 곳 - 이지퍼블리싱

          우리는 책을 내기 전에 다시 한 번 물어봅니다.
          "이 책이 사람들에게 도움이 되는가?:

          더 쉽게 더 빠르게 지식을 전달하고 싶습니다.
          이지퍼블리싱의 책과 앱을 만나보세요.
        </textarea
      >
    </fieldset>
  </body>
</html>