TIL

230817) <textarea>태그의 readonly 기능과 <input>의 여러 기능

유이 YUI 2023. 8. 17. 20:40

1. textarea의 readonly 기능
-> 말 그대로 읽기 전용으로 사용 가능 (jsx 환경에서는 readOnly로 처리해아 함)

-> 회원가입 시 약관문을 넣기 위해 사용하는 데 적합할 것 같아 사용하였다!

-> disabled를 사용해도 마찬 가지로 입력이 불가능하긴 하지만, disabled는 아예 사용이 불가능하게 만드는 것이기에 현재 상황에서는 readonly가 더욱 적합할 것 같다고 생각하여 readonly를 사용하였다!

2. input의 type과 여러 기능
-> password, email, checkbox, tel 등 다양하게 사용 가능하기에 이를 적극 활용하는 것이 좋을 듯하다!

-> 심지어는 time은 시간을 쉽게 설정할 수 있는 팝업이 나온다!

-> tel 은 모바일로 이용시 숫자를 입력할 수 있도록 번호 입력판이 나온다고 한다

 

기초 그 자체인 html 이지만, textarea과 input 에 이렇게 간단한 글자를 몇 개 넣어 주는 것만으로 엄청난 편리함을 보장받을 수 있다! 이건 진짜 모르면 손해!!

 


 

 

브이하는 사진

오늘도 잘 해냈다!