<!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</title>
</head>
<body>
I D : <input type="text" size="16" maxlength="14" autofocus><br />
P W : <input type="password" size="16" maxlength="14"><br />
<br />
<textarea rows="2" cols="88"></textarea><br />
<br />
<form name="frm">
사용자ID : <input type="text" name="id" size="20" maxlength="10"><br />
비밀번호 : <input type="password" name="password" size="20" maxlength="16"><br /><br />
제 목 : <input type="text" size="50" name="title"><br />
소제목: <input type="text" size="30" name="sutTitle" disabled><br />
<textarea name="content" cols="80" rows="10"></textarea>
</form>
성별 : <input type="radio" name="gender" checked>남
<input type="radio" name="gender">여<br />
취미 :<br />
<input type="checkbox" checked>음악감상<br />
<input type="checkbox">독서<br />
<input type="checkbox">등산<br />
<select>
<option>-- 도시 --</option>
<option>서울시</option>
<option selected>부산시</option>
<option>대구시</option>
</select>
<select size="3" multiple>
<option>서울시</option>
<option selected>부산시</option>
<option>대구시</option>
</select>
<br />
<br />
<input type="button" value="입력">
<input type="submit" value="확인">
<input type="reset" value="취소">
<button type="button">입력</button>
<button type="submit">확인</button>
<button type="reset">취소</button><br />
<input type="date">
<fieldset>
<legend>필수입력</legend>
아이디 : <input type="text" required><br />
패스워드 : <input type="password"><br />
이메일 : <input type="email" placeholder="123@naver.com">
</fieldset>
<input type="number" min="0" max="10" step="2">
<input type="range" min="2" max="10">
<input type="color">
</body>
</html>