[Javascript] 버튼 활성화/비활성화 하기

June Kang·2021년 5월 30일
0
post-thumbnail

Instagram 프로젝트를 진행하면서 알게된 버튼 활성화/비활성화에 대해 적어보고자 합니다. 단순히 버튼의 색상을 바꾸는 것이 아닌, 버튼을 Active한 상태와 InActive한 상태로 바꿔주는 Attribute가 존재합니다. 바로 disabled 입니다.

input 태그의 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 [어제 오늘 내일]

profile
무슨 생각을 해... 그냥 하는거지 ~(˘▾˘~)

0개의 댓글