반응형
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/>
<table border="1">
<thead>
<tr>
<th colspan="2">출석부</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">1</td>
<td>홍길동</td>
</tr>
<tr>
<td>콩순이</td>
</tr>
<tr>
<td>3</td>
<td>철이</td>
</tr>
</tbody>
</table>
</body>
</html>
Form
<!DOCTYPE html>
<html>
<head>
<title>폼테스트</title>
<meta charset="utf-8" />
</head>
<body>
<form method="get" action="form.html">
<input type="text" name="userName" id="userName"
autofocus autocomplete="off"
placeholder="이름을 입력해주세요."
required /><br/>
<input type="password" name="userPw" /><br/>
<textarea name="txtMemo" cols="50" rows="5">
</textarea><br/>
<input type="radio" name="userSex" value="m" checked />남
<input type="radio" name="userSex" value="w" />여
<br/>
<input type="checkbox" id="hobby01" name="hobby" value="노래"/>
<label for="hobby01">노래</label>
<input type="checkbox" id="hobby02" name="hobby" value="독서"/>
<label for="hobby02">독서</label>
<input type="checkbox" id="hobby03" name="hobby" value="잠"/>
<label for="hobby03">잠</label>
<br/>
<select name="emailDomain">
<optgroup label="대표이메일">
<option value="">선택해주세요</option>
<option value="google">google.com</option>
</optgroup>
<option value="nate">nate.com</option>
<option value="naver">naver.com</option>
</select>
<br/>
<input type="file" name="profileImg" />
<br/><br/><br/><br/><br/>
<input type="button" value="버튼" />
<input type="reset" value="초기화" />
<input type="submit" value="전송" />
<br/>
<button type="button">버튼</button>
<button type="reset">초기화</button>
<button type="submit">전송</button>
<br/>
<input type="color"/>
<input type="date"/>
<input type="time"/>
<input type="number"/>
<input type="range"/>
<input type="tel"/>
<input type="email"/>
</form>
<form method="post" action="table.html">
<input type="text" name="userName" id="userName" />
<input type="submit" value="전송" />
</form>
</body>
</html>반응형
'웹프로그래밍 기초 > A반소스자료' 카테고리의 다른 글
| CSS 테스트 (0) | 2023.04.06 |
|---|---|
| 레이아웃 & CSS (3) | 2023.03.30 |
| 이미지와 멀티미디어 Tag (0) | 2023.03.23 |
| Text & List 태그 (0) | 2023.03.23 |
| css 맛보기 (0) | 2023.03.23 |
댓글