input 태그의 활성화,비활성화 상태에 따른 선택

활성화 / 비활성화 텍스트 상자

& 활성화 / 비활성화 버튼 생성

 

활성화 : enabled

비활성화 : disabled

 

<label>활성화 텍스트 상자 : </label>

<input type="text"><br>

<label>비활성화 텍스트 상자 : </label>

<input type="text" disabled><br>

<label>활성화 버튼 : </label>

<input type="button" value="활성화">

<label>비활성화 버튼 : </label>

<input type="button" value="비활성화" disabled>

 

 

활성화 - 연두색

비활성화 - 빨간색 으로 설정해보기

<script>

$(document).ready(function(){

$("input:enabled").css("background","yellowgreen");

$("input:disabled").css({"background":"red","color":"white"});

});

</script>

 

 

결과

풋사과 박스, 제철 사과 박스 생성 성공~