λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
HTML5 & CSS3

[HTML5 & CSS3] <input> νƒœκ·Έμ˜ λ‹€μ–‘ν•œ 속성

by μ½”λ”©ν•˜λŠ” λΆ•μ–΄ 2021. 1. 29.
λ°˜μ‘ν˜•

β–Ά <input> νƒœκ·Έμ˜ λ‹€μ–‘ν•œ 속성

* autofocus 속성 - μž…λ ₯ μ»€μ„œ ν‘œμ‹œν•˜κΈ°

​​

* placeholder 속성 - 힌트 ν‘œμ‹œν•˜κΈ°

μ‚¬μš©μžκ°€ ν…μŠ€νŠΈλ₯Ό μž…λ ₯ν•  λ•Œ 도움이 λ˜λ„λ‘ μž…λ ₯λž€μ—λŠ” μ λ‹Ήν•œ 힌트 λ‚΄μš©μ„ ν‘œμ‹œν•˜κ³  μžˆλ‹€κ°€ κ·Έ ν•„λ“œλ₯Ό ν΄λ¦­ν•˜λ©΄ λ‚΄μš©μ΄ 사라지도둝 λ§Œλ“€ 수 μžˆλ‹€. μ΄λ ‡κ²Œ ν•˜λ©΄ ν…μŠ€νŠΈ ν•„λ“œ μ•žμ— 제λͺ©μ„ μ‚¬μš©ν•˜μ§€ μ•Šκ³ λ„ μ‚¬μš©μžμ—κ²Œ ν•΄λ‹Ή ν•„λ“œμ— μ–΄λ–€ λ‚΄μš©μ„ μž…λ ₯ν•΄μ•Ό ν•  지 μ•Œλ € 쀄 수 μžˆμ–΄μ„œ νŽΈλ¦¬ν•˜λ‹€.

​​

* readonly 속성 - 읽기 μ „μš© ν•„λ“œ λ§Œλ“€κΈ°

​​

* required 속성 - ν•„μˆ˜ ν•„λ“œ μ§€μ •ν•˜κΈ°

​

* min, max, step 속성

min속성과 max속성은 각각 ν•΄λ‹Ή ν•„λ“œμ˜ μ΅œμ†Ÿκ°’κ³Ό μ΅œλŒ“κ°’μ„ μ§€μ •ν•œλ‹€

step속성은 ν—ˆμš©λœ λ²”μœ„ λ‚΄μ˜ 숫자의 μΌμ •ν•œ 간격을 가리킴

​​

* size, minlength, maxlength 속성 - 길이, μ΅œμ†Œ 길이, μ΅œλŒ€ 길이 속성

 

λ°˜μ‘ν˜•

λŒ“κΈ€