<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>INPUT</title>
</head>
<!-- ๊ฐ์ฅ์ค์ํจ !! -->
<body>
<!-- input์ ๋ซ๋ ํ๊ทธ๊ฐ ์๋ค / ์ ์ด์ฃผ๋๊ฒ ์ข์-->
<label>
<span> ์์ด๋ : <input type="text" placeholder="์์ด๋์ ์ผ์ธ์" /> <br> </span>
<!-- ๊ฐ๋จํ ํ
์คํธ ์์ฑ -->
</label>
<!-- readonly, disabled ์์ ์ด ๋์ง ์๊ฒ ๋ง๋ฌ -->
<input type="password" value="๋ฏธ๋ฆฌ์ ์ด๋ " /> <br> <!-- ํจ์ค์๋ ์์ฑ, ๋์ ์๋ณด์ -->
<input type="tel" /> <br> <!-- ์ ํ๋ฒํธ -->
<input type="email" value="abc@naver.com" readonly/> <br> <!-- ์ด๋ฉ์ผ -->
<input type="number" min="5" max="10" disabled /> <br> <!-- ์ซ์๋ง ๊ฐ๋ฅ -->
<input type="button" value="๊ธ์"> <br> <!-- ๋จ์ํ ๋ฒํผ ๋ชจ์, buttonํ๊ทธํ๊ณ ๋๊ฐ์ด ์๊น -->
<button>๊ธ์</button> <br>
<div>๋ญ ๋ฐฐ์ธ๋์? (๋ณต์์ ํ๊ฐ๋ฅ) </div>
<label>
C<input type="checkbox"> <!-- ์ฒดํฌ๋ฐ์ค, ์ฌ๋ฌ๊ฐ ์ ํ๊ฐ๋ฅ -->
</label>
<!-- label์์ input์ ๋ฃ์ด๋ ๋ ์์๊ฐ ๋ฌถ์ด๊ณ , => label์์ input์ด ๋ฌด์กฐ๊ฑด ์กด์ฌํด์ผํ๋ค๋ ์ ์ฝ์ฌํญ
label์ for์ input์ id ์์ฑ์ ๊ฐ๊ฒ ๋ง์ถฐ๋ ๋ ์์๊ฐ ๋ฌถ์ธ๋ค => label๊ณผ input์ด ๋จ์ด์ ธ์์ด๋ ok
!! id๋ ํ๋๋ง ์กด์ฌํ๋ค !! lable์ ์ฌ๋ฌ๊ฐ ํ๋๊ฑด ์๊ดx(๊ทผ๋ฐ ํ ์ผ์ด ๊ฑฐ์์์) -->
<label for="py">Python</label>
<input id="py" type="checkbox"> <!-- ์ฒดํฌ๋ฐ์ค, ์ฌ๋ฌ๊ฐ ์ ํ๊ฐ๋ฅ -->
Java<input type="checkbox"> <br> <!-- ์ฒดํฌ๋ฐ์ค, ์ฌ๋ฌ๊ฐ ์ ํ๊ฐ๋ฅ -->
<div>๋น์ ์ ์ฑ๋ณ์?</div>
<!-- radio ๋ฒํผ์ name์์ฑ์ ๊ฐ์ ๊ฐ์ ๊ฐ์ง๊ณ ์์ผ๋ฉด ํ๋์ ๊ทธ๋ฃน์ด ๋๋ค -->
๋จ<input name="gender" type="radio" checked>
์ฌ<input name="gender" type="radio"> <br>
<input type="date"> <!-- ๋
/์/์ผ -->
<input type="datetime-local"> <!-- ๋
/์/์ผ , ์/๋ถ/์ด(์ง์ญ์==ํ๊ตญ์๊ฐ) -->
<input type="time"> <!-- ์/๋ถ/์ด -->
<input type="week"> <!-- ์ฃผ์ค -->
<br>
<input type="file"> <!-- ํ์ผ ํ๋๋ง ์ ํ -->
<input type="file" multiple> <!-- ํ์ผ ๋ค์ค ์ ํ -->
<!-- ๋์๋ง ์๋ณด์ด์ง ์น ์์๋ ์กด์ฌํ๋ค -->
<!-- hidden type์ด ์๋ ์์ฑ์ผ๋ก ๋ฃ์ด์ด๋๋จ -->
<input type="hidden" value="๋์ ๋ณด์ด์ง ์๋ ํ
์คํธ ํ๋!">
<input type="text" hidden>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>๋ฉํฐ๋ฏธ๋์ด</title>
</head>
<body>
<!-- ๋์์์ muted ์์ฑ์ ๊ฑธ์ด์ผ autoplay๊ฐ ๊ฐ๋ฅํจ -->
<!-- ์? ์น ์ ์ฑ
๋๋ฌธ์ -->
<video src="๋์.mp4" width="500" poster="cat.jpg" controls muted autoplay loop></video>
<!-- pster : ์ธ๋ค์ผ / controls : ์ฌ์๋ฐ / autoplay : ์์์ฌ์ / loop : ์์๋ฌดํ์ฌ์ / muted : ์๋ฆฌ๋ฎคํธ -->
<object data="8.%20๋ฐฐ์ด.pdf" type=""></object>
</body>
</html>
