반응형
Table
<!DOCTYPE html>
<html>
<head>
<title>테이블테스트</title>
</head>
<body>
<table border="1">
<thead>
<tr>
<th colspan="2">지역이름</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="3">서울</td>
<td>강남구</td>
</tr>
<tr>
<td>강서구</td>
</tr>
<tr>
<td>구로구</td>
</tr>
<tr>
<td rowspan="4">인천</td>
<td>연수구</td>
</tr>
<tr>
<td>서구</td>
</tr>
<tr>
<td>남구</td>
</tr>
<tr>
<td>계양구</td>
</tr>
</tbody>
</table>
<br/><br/><br/><br/><br/><br/>
<table border="1">
<thead>
<tr>
<th colspan="2">출석부</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td rowspan="2">홍길동</td>
</tr>
<tr>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>홍길동</td>
</tr>
</tbody>
</table>
</body>
</html>
FORM
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>폼테스트</title>
</head>
<body>
<form method="get" action="form.html">
<input type="text" name="userName" id="userName01"
placeholder="이름을 입력해주세요." required
autocomplete="off" autofocus /><br/>
<input type="password" name="userPw" /><br/>
<textarea name="txtMemo" cols="50" rows="5">
</textarea>
<input type="radio" name="userSex" id="userSex01" value="남" checked />
<label for="userSex01">남</label>
<input type="radio" name="userSex" id="userSex02" value="여" />
<label for="userSex02">여</label>
<input type="checkbox" name="hobby" value="독서"/>독서
<input type="checkbox" name="hobby" value="음악감상"/>음악감상
<input type="checkbox" name="hobby" value="노래"/>노래
<br/>
<select name="emailDomain">
<optgroup label="111">
<option value="">선택해주세요</option>
<option value="naver">naver.com</option>
</optgroup>
<option value="google">google.com</option>
<option value="nate">nate.com</option>
</select><br/>
<input type="file" name="profileImg" />
<br/>
<input type="button" value="버튼"/>
<input type="reset" value="초기화" />
<input type="submit" id="btnSubmit01" value="전송"/>
<button type="button">버튼</button>
<button type="reset">초기화</button>
<button type="submit">전송</button>
<br/><br/>
<input type="color"/><br/>
<input type="date"/><br/>
<input type="time"/><br/>
<input type="number"/><br/>
<input type="range"/><br/>
<input type="tel"/><br/>
<input type="email"/><br/>
</form>
<form method="post" action="form.html">
<input type="text" name="userName" id="userName02" />
<input type="submit" id="btnSubmit02" value="전송"/>
</form>
</body>
</html>반응형
'웹프로그래밍 기초 > B반소스자료' 카테고리의 다른 글
| CSS TEST (4) | 2023.04.06 |
|---|---|
| 레이아웃 & css (1) | 2023.03.30 |
| 이미지와 멀티미디어 Tag (0) | 2023.03.23 |
| Text & List Tag (3) | 2023.03.23 |
| CSS맛보기 (0) | 2023.03.23 |
댓글