06.15.20 input - govl2233/project_studyej GitHub Wiki
input : ์ ๋ ฅ
output : ์ถ๋ ฅ
-
.io : ์ ๋ ฅ๊ณผ ์ถ๋ ฅ์ ํ ์์๋ ๊ธฐ๋ฅ์ ์ธ ์ปจํ ์ธ
-
์ฃผ์์ฒจ๋ถ : http://www.w3schools.com/html/html_basic.asp
element =
< input type="text" >
์์ฑ type = ์ข ๋ฅ
- text : ํ ์คํธ๋ฅผ ์ ๋ ฅ๋ฐ์๋
- password : ๋น๋ฐ๋ฒํธํ์์ผ๋ก ํ ์คํธ ๋น๊ณต๊ฐ ํ์ฑ
- radio : ๋จ์ผ์ ํ
- check box : ๋ค์ค์ ํ (๋ผ๋์ค๋ ๋ฐ๋)
-----๋ฐ์ผ๋ก๋ ๋ฒํผ๋ค-----
- button : ๊ฑฐ์ ์ฌ์ฉ์ํจ. ๋ฒ์ฉ ๋ฒํผ( ํน๋ณํ ์ฉ๋์์ด ์๋ฌด๋๋.๋ชจ๋ ์ง ์ธ์ ์๋ค๋ผ๋ ๋ป)
- submit : ์ ์กํ ๋ ์ฌ์ฉ(๋ฒํผ๊ณผ ๋ฐ๋)
- reset : ๊ฑฐ์์ฌ์ฉ์ํจ. ํผ์ ๋ด์ฉ ์ด๊ธฐํ(ํฌ๋งท์ํ ๋)
- file : ํ์ผ/์ ํ ๋ฐ ์ ๋ก๋ (๋์์ธ ์์ ์๋จ.๊ฐ๋ฐ์ํ๋๊ฐ css์์ ์์ ์๋จ ์คํฌ๋ฆฝํธ์์๋ง ๋จ)
value
- input ์ botton๋ค์ ์ด๋ฆ์ ์ ํด์ฃผ๋ ์ญํ
- ex) < input type="submit" value = "์ ์ก"/ >
label
- ์ด๋ฆํ๋ฅผ ๋ฌ์์ฃผ๋ ์ญํ
- ex) < label for="์์ด๋">์์ด๋
fieldset
- ํ ํด
- < legend > : ํํด๊ณผ ๊ฐ์ด ๊ผญ ๋ค๋ ์ผํจ (ํํด์ ์ ๋ชฉ)
- ex) < fieldset > < legend >ํ์์ ๋ ฅ< /legend > ~~ < /fieldes >
ex)
< !DOCTYPE html >
< html lang="en" >
< head >
< meta charset="UTF-8" >
< title >Document< /title >
< /head >
< body >
< fieldset >
<legend > ํ์์ ๋ณด์
๋ ฅ< legend >
< ul >
< li >
< label for="userPw" >๋น๋ฐ๋ฒํธ< /label >
< input type="password" id="userPw" name=""/ >
< /li >
< li >
< label for="bisexuality" >์ฑ๋ณ< /label >
< input type="radio" name="sex" id="man" / >< label for="man" >๋จ์< /label >
<input type="radio" name="sex" id="woman" / >< label for="woman" >์ฌ์< /label >
< /li >
< li >
< label for="a1" >๊ฒฐํผ์ฌ๋ถ< /label >
< input type="checkbox" id="a1" / >< label for="a1" >๋ฏธํผ< /label >
< input type="checkbox" id="a2" / >< label for="a2" >๊ธฐํผ< /label >
< /li >
</ul>
<input type="button" value="์ทจ์" />
<input type="submit" value="์ ์ก" />
<input type="reset" value="์ด๊ธฐํ" />
< /fieldset >
< /body >
< /html >