input - wkdalfo12/project_study GitHub Wiki

인풋-λ¦¬μ„œμΉ˜λ‚˜ νšŒμ›κ°€μž… 양식 등을 λ§Œλ“€λ•Œ μ‚¬μš©

  • html:input μž…λ ₯을 λ°›λŠ”κ²ƒ/양식

  • μ—˜λ¦¬λ¨ΌνŠΈ <input />

  • <fieldset> 은 인풋을 μ‚¬μš©ν• λ•Œ 항상 감싸기

<fieldset> 을 μ‚¬μš©ν• λ•ŒλŠ” 항상 κ·Έλ‹€μŒμ— <legend> λΆ€μ œλͺ© ν•„μˆ˜!

typeμ’…λ₯˜

  • text = ν…μŠ€νŠΈλ₯Ό μž…λ ₯λ°›μ„λ•Œ
  • password = λΉ„λ°€λ²ˆν˜Έ ν˜•μ‹μœΌλ‘œ ν…μŠ€νŠΈκ°€ λΉ„κ³΅κ°œ
  • radio = 단일선택 (μ—¬λŸ¬κ°œ 쀑에 1개만 선택가λŠ₯)
  • checkbox = 닀쀑선택
  • button = λ²”μš©λ²„νŠΌ
  • submit = 전솑
  • reset = 폼의 λ‚΄μš© μ΄ˆκΈ°ν™”
  • file = 파일/선택 및 μ—…λ‘œλ“œ ν• λ•Œ μ‚¬μš©

μ˜ˆμ‹œ) <input type="submit" value="전솑" />

κΌ­ value λ₯Ό μ μ–΄μ€˜μ•Ό μ–΄λ–€ λΈŒλΌμš°μ €λ‘œ μΌœλ„ κ°™μ€λ§λ‘œ 켜짐

  • μΈν’‹μ˜ 속성듀 μ •λ¦¬λ˜μ–΄ μžˆλŠ” μ‚¬μ΄νŠΈ

http://www.w3schools.com/tags/att_input_type.asp

라벨

  • μ•„μ΄λ””λž‘ 칸을 μ΄μ–΄μ£ΌλŠ”κ²ƒ ( 아이디뢀뢄을 선택해도 칸에 μ»€μ„œκ°€ 감 - νŽΈλ¦¬μ„± )

<label for="userId">아이디</label>

<input type="text" id="userId">

label for λΆ€λΆ„κ³Ό id 뢀뢄이 동일해야 라벨둜 μ—°κ²°λœκ²ƒμž„

ID

  • id λŠ” μˆ«μžλ§ŒμœΌλ‘œλŠ” μ‚¬μš©ν• μˆ˜ μ—†κ³  ν•œ νŽ˜μ΄μ§€μ— ν•œλ²ˆλ§Œ 생성/ 같은아이디가 2κ°œμΌμˆ˜μ—†λ‹€

form

  • 처음과 끝에 <form></form> 으둜 λ¬Άμ–΄μ£ΌκΈ°

전솑/μ΄ˆκΈ°ν™” 등이 ν˜„μ‹€ν™” 됨 - κ°œλ°œμžκ°€ ν•  λΆ€λΆ„

<form action="URL" method="전솑방법" /> μ΄λŸ°μ‹μœΌλ‘œ

  • tip : μΈν’‹ν• λ•Œ name을 μ‹€λ¬΄μ—μ„œ ꡳ이 λ„£μ–΄μ€„ν•„μš”μ—†μŒ(κ°œλ°œμžκ°€ ν•  λΆ€λΆ„) / λ„£μœΌλ €λ©΄ λΉˆκ°’μœΌλ‘œ name="" μ΄λ ‡κ²Œ
⚠️ **GitHub.com Fallback** ⚠️