<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>input_tag_test</title>
<style>
.sky {
font-weight: bolder;
font-size: 14px;
text-indent: 14px;
background-color: #dce4f4;
}
.white {
text-indent: 5px;
}
.black {
font-size: 1px;
font-weight: bold;
color: black;
}
</style>
</head>
<body>
<h2>실습예제</h2>
<table width="800" border="1" bordercolor="#67789c" cellspacing="0" cellpadding="5">
<tr>
<td width="150" class="sky">학교</td>
<td class="white"><input type="text" size="30" autofocus> <button type="button">학교찾기</button></td>
</tr>
<tr>
<td class="sky">담당학년</td>
<td class="white">
<select>
<option></option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
</select>학년
<select>
<option></option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
</select>반
</td>
</tr>
<tr>
<td class="sky">학교전화</td>
<td class="white">
<select>
<option>선택</option>
<option>051</option>
<option>055</option>
</select> -
<input type="text" size="4">
<input type="text" size="4">
</td>
</tr>
<tr>
<td class="sky">휴대전화</td>
<td class="white">
<select>
<option>선택</option>
<option>010</option>
<option>016</option>
<option>017</option>
</select> -
<input type="text" size="4">
<input type="text" size="4">
<font color="#7690c9" size="1">*휴대전화 번호는 선생님 인증을 위해 반드시 입력해 주셔야 합니다.</font>
</td>
</tr>
<tr>
<td class="sky">교사인증</td>
<td class="white">
<input type="text" size="60">
<button type="button">이미지 등록</button><br />
<font color="#7690c9" size="1"> *교사 인증은 교육 행정 정보시스템(NEIS)로그인 한 다음화면 캡쳐해서 첨부해주시면 됩니다.</font><br />
<font size="1">[</font> <a href="#" class="black">자세한 방법 보기</a> <font size="1">]</font>
</td>
</tr>
<tr>
<td class="sky" height="120">간단한 인사<br /> 및 소개</td>
<td class="white">
<textarea rows="5" cols="70"></textarea><br />
<font color="#7690c9" size="1"> *간단한 인사 및 소개를 남겨 주시면 교사 사랑방 게시판에 자동 등록되어집니다.</font><br />
</td>
</tr>
</table><br />
<input type="submit" value="등록">
<input type="reset" value="취소">
</body>
</html>