<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ํผ</title>
</head>
<body>
<!-- formํ๊ทธ๋ ์๋ฒ์ ์ฐ๊ณํ ๋ ์ฌ์ฉ๋๋ ํ๊ทธ์ด๋ค !!์์ฃผ ์ค์!!
action : form ๋ด์ฉ์ ์ ์กํ ์ ์ก์ฒ๋ฅผ ์ ํจ
=> 1) name์ด ๋ฌ๋ฆฐ value ๊ฐ์ ์ ์กํ๊ฒ ๋๋ค.
=> 2) action์ด ์์ผ๋ฉด ๋ด ํ์ด์ง๋ก ๋ณด๋ธ๋ค (๊ทธ๋์ ๋ฆฌ๋ก๋ฉ๋๋ค)
=> 3) ์ ์ก ๋ฐ์ ํ์ด์ง๋ ์ ์ก๋ฐ์ ๋ฐ์ดํฐ๋ฅผ ์ฌ์ฉํด์ ์ด๋ค ์ผ์ ํ ์ ์๋ค
method : form์ ์ ์กํ๋ ๋ฐฉ๋ฒ์ ์ ํจ
=> GET : ์ ์กํ๋ ๋ฐ์ดํฐ๊ฐ URL์ ํ์๋๋ค (๊ธฐ๋ณธ ๊ฐ)
=> GET๋ฐฉ์์์๋ ? ๋ค์ X=Y ํ์์ผ๋ก ์ ์ก๋ ๊ฐ์ด ํ์๋๋ค
=> ์ฌ๋ฌ ๊ฐ์ด ์๋ฐ๋ฉด & ๋ก ๊ตฌ๋ถ๋์ด์ ํ์๋๋ค.
=> url์ ์ ํ ๊ฐ์ ์ซ์ํํ๋ผ๊ณ ํด๋ ์ฌ์ค์ ๋ฌธ์๋ก ํ๋จ๋๋ค.
=> ? ๋ค์ ๋ถ์ ๊ฐ๋ค์ ์ด์นญํ์ฌ 'ํ๋ผ๋ฏธํฐ' ๋ผ๊ณ ํ๋ค
=> ์) www.naver.com?x=123&y=test / ํ๋ผ๋ฏธํฐ 2๊ฐ
=> post : ์ ์กํ๋ ๋ฐ์ดํฐ๊ฐ ๋์ ์๋ณด์, ๋์ Networkํญ์์๋ ๋ค ๋ณด์
=> ์ฌ์ฉ์์๊ฒ ๋
ธ์ถํ๋ฉด ์๋๋ ์ค์ ํ๋ผ๋ฏธํฐ๋ post๋ฐฉ์์ผ๋ก ๋ณด๋ด์ผํ๋ค
enctype : form์ ์ ์กํ๋ ๋ฐ์ดํฐ ํ์์ผ๋ก ์ ํจ
๋ฐ์ดํฐ๋ฅผ ๋ณด๋ด๊ธฐ ์ํด์๋ ๋ฌด์กฐ๊ฑด name ์์ฑ์ด ํ์ํ๋ค
-->
<!-- ์ ์ก == submit -->
<!-- button : form ์์์ ์ฌ์ฉํ ์ ๋๋ฅด๋ฉด ์ ์ก์ด ๋๋ฒ๋ฆผ (๊ธฐ๋ณธ ๋ฅ๋ ฅ) -->
<form action="240313_Input.html" method="post">
<fieldset> <!-- ํ๋๋ก ๋ฌถ์ด์ฃผ๋ ์ฉ๋ (์ง์ง ๊ทธ๋ฅ ๋ฌถ๋๊ฑฐ ) -->
<legend>์ด ๋ถ๋ถ ์ ๋ชฉ</legend>
<span>์ด๊ฑด ์ ์ก์๋จ</span> <br>
<input type="text" name="id" value="python">
<input type="password" name="pw" value="java">
<input type="text" name="secret" value="my-secret" hidden>
<!-- ๋ฏ์๋ ค๊ณ ๋ง๋จน์ผ๋ฉด ๋ค ๋ฏ์ ์ ์์ด์ ์ค์ํ ๋ด์ฉ์ ์ ๋ xxx -->
<input type="text">
<input type="range"> <br>
<button type="button">๋จ์ ๋ฒํผ(๋๋ฌ๋ ์๋ฌด๊ฒ๋ ์๋จ)</button> <br>
<button type="submit">์ ์ก(submit)</button> <br>
<button type="reset">๋จ์ ๋ฒํผ(ํ์ฌ form์ input data ๋ค ์์ ๋ผ)</button> <br>
<input type="button" value="๋จ์๋ฒํผ">
<input type="submit" value="์ ์ก(submit)">
</fieldset>
</form>
</body>
</html>
