Instagram 프로젝트를 진행하면서 알게된 버튼 활성화/비활성화에 대해 적어보고자 합니다. 단순히 버튼의 색상을 바꾸는 것이 아닌, 버튼을 Active한 상태와 InActive한 상태로 바꿔주는 Attribute
가 존재합니다. 바로 disabled
입니다.
HTML의 input type='button'
태그를 사용한 버튼을 활성화/비활성화 할때는
disabled
속성을 이용합니다.
<input type='button' value='활성화1'/>
<input type='button' disabled value='비활성화1'/>
<input type='button' disabled='disabled' value='비활성화2'/>
기본적으로 input 태그에 disabled 속성을 따로 명시해 주지 않으면, 버튼은 활성화됩니다. input 태그에 disabled 속성을 명시해주면, 버튼은 비활성화가 됩니다.
참고: https://hianna.tistory.com/477?category=764998 [어제 오늘 내일]