16.05.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 > 
โš ๏ธ **GitHub.com Fallback** โš ๏ธ