4-3. html input νƒœκ·Έ κ°€μž₯ 많이 μ‚¬μš©ν•˜λŠ” 속성

2021. 10. 9. 19:55ㆍHTML + CSS + JS

728x90

1. autofocus 

autofocusλ₯Ό μ‚¬μš©ν•˜λ©΄ νŽ˜μ΄μ§€λ₯Ό 뢈러였자마자 νΌμ—μ„œ μ›ν•˜λŠ” μš”μ†Œμ— 마우슀 포인터λ₯Ό ν‘œμ‹œν•  수 μžˆλ‹€. 

<input type = "" autofocus required>

 

2. placeholder

μ‚¬μš©μžκ°€ ν…μŠ€νŠΈλ₯Ό μž…λ ₯ν•  λ•Œ μž…λ ₯λž€μ— μ λ‹Ήν•œ 힌트 λ‚΄μš©μ„ ν‘œμ‹œν•΄μ„œ κ·Έ ν•„λ“œλ₯Ό ν΄λ¦­ν•˜λ©΄ λ‚΄μš©μ΄ 사라지도둝 λ§Œλ“€ 수 μžˆλ‹€. 

 

3. readonly 

μ‚¬μš©μžκ°€ μž…λ ₯ν•˜μ§€ λͺ»ν•˜κ³ , 읽게만 ν•˜λŠ” 읽기 μ „μš© ν•„λ“œλ₯Ό λ§Œλ“€ λ•Œ μ‚¬μš©ν•˜λŠ” 속성이닀. 

<input type="" readonly>

 

 

4. required

ν•„μˆ˜λ‘œ μž…λ ₯ν•΄μ•Όν•˜λŠ” ν•„λ“œλ₯Ό μ§€μ •ν•˜λŠ” 속성이닀. 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

728x90