<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ํ์๊ฐ์
</title>
</head>
<body>
<form> <!--form์ผ๋ก ์ธ์ ๋ฐ์ดํฐ๋ฒ ์ด์ค ๋ฐ reset ๋ฒ์ ์ง์ , ๊ตฌ์ฒด์ ์ธ๊ฒ์ ๊ฐ๋ฐ์ ์์ญ-->
<fieldset> <!--fieldset์legend๋ ํ์ -->
<legend>ํ์์
๋ ฅ์ฌํญ</legend>
<ul>
<li>
<label for="ID"> <!--name์ญ์ ๊ฐ๋ฐ์ ์์ญ-->
<input type="text" name="userId" placeholder="์์ด๋" id="ID" /><br/><br/>
<!--placeholder๋ก ์์ ๋ ์ด๋ธ ์์ฑ๊ฐ๋ฅ-->
</label>
</li>
<li>
<label for="PW">
<input type="password" name="userPW" placeholder="๋น๋ฐ๋ฒํธ" id="pw"/><br/><br/>
</label>
</li>
<li>
์ฑ๋ณ <!--๊ฐ์ name์์์๋ radio๊ฐ ํ๋๋ง ์ ํ-->
<input type="radio" name="sex" id="man" /><label for="man">๋จ</label>
<input type="radio" name="sex" id="woman" /><label for="woman">์ฌ</label><br/><br/>
</li>
<li>
๊ฒฐํผ์ฌ๋ถ
<input type="radio" name="marry" id="MO" /><label for="MO">๋ฏธํผ</label>
<input type="radio" name="marry" id="MX" /><label for="MX">๊ธฐํผ</label><br/><br/>
</li>
<li>
์ทจ๋ฏธ
<input type="checkbox" name="hobby1" id="A1" /> <label for="A1">์ด๋</label>
<input type="checkbox" name="hobby2" id="A2" /> <label for="A2">๋
์</label>
<input type="checkbox" name="hobby3" id="A3" /> <label for="A3">์์
๊ฐ์</label>
<input type="checkbox" name="hobby4" id="A4" /> <label for="A4">์ํ</label>
<input type="checkbox" name="hobby5" id="A5" /> <label for="A5">TV</label><br/><br/>
</li>
<li>
<label for="photo">ํ๋กํ์ฌ์ง</label>
<input type="file" name="PH" id="photo" /><br/><br/>
</li>
</ul>
<input type="button" value="์ทจ์" />
<input type="button" value="์ ์ก" />
<input type="reset" value="์ด๊ธฐํ" />
</fieldset>
</form>
</body>
</html>