Basic

[html] input tag basic Attribute

natrue 2021. 4. 15. 17:53
728x90

 input : μ‚¬μš©μžλ‘œλΆ€ν„° 정보λ₯Ό μž…λ ₯받을 수 μžˆλŠ” tag 

id  idκ°’   <input id="id"/>
class  classκ°’  <input class="class"/>
name  μ„œλ²„λ‘œ μ „λ‹¬λ˜λŠ” 이름 μ„€μ •ν•˜λŠ” 속성  <input name="name"/>
value  μž…λ ₯νƒœκ·Έμ˜ μ΄ˆκΈ°κ°’μ„ μ„€μ •ν•˜λŠ” 속성  <input value="valueκ°’"/>
type  μž…λ ₯νƒœκ·Έμ˜ μœ ν˜•μ„ μ„€μ • ν•˜λŠ” 속성  <input   type="text,hidden,password,radio,checkbox....."/>
min  μ΅œμ†Œμˆ˜μΉ˜  <input min="11"/>
max  μ΅œλŒ€μˆ˜μΉ˜  <input max="25"/>
step  λ°”λ€ŒλŠ” 수의 크기, λ‹¨μœ„   <input step="5"/>
autofocus  μ»€μ„œ μžλ™ ν‘œμ‹œ  <input autofocus/>
placeholder  κΈ°λ³Έμ μœΌλ‘œ μ“°μ—¬μ Έ μžˆλŠ” μ•ˆλ‚΄κΈ€   <input placeholder="placeholder"/>
readonly  μ½κΈ°λ§Œ κ°€λŠ₯  <input readonly/>
required  μ•„무것도 μž…λ ₯ μ•ˆν•˜λŠ” μƒνƒœ λ°©μ§€
 (ν•„μˆ˜ κ°’ 체크) 
 <input required/>
maxlength  μž…λ ₯λ˜λŠ” 문자의 μ΅œλŒ€ 길이 μ œν•œ  <input maxlength="12"/>
minlength  μž…λ ₯λ˜λŠ” 문자의 μ΅œμ†Œ 길이 μ œν•œ  <input minlength="11"/>

 

 

 

 

 

 

 

 

 

 

 

μ°Έκ³  : m.blog.naver.com/PostView.nhn?blogId=govlrhaehfdl&logNo=221230214889&proxyReferer=https:%2F%2Fwww.google.com%2F