input disabled
<input> 태그의 disabled 속성은 해당 <input> 요소가 비활성화됨을 명시한다.
<input> 태그를 사용한 버튼을 비활성화 할 때는 disabled 속성을 이용한다.
disabled 속성이 명시된 <input> 요소는 사용할 수 없으며, 사용자가 클릭할 수도 없다.
또한, 폼 데이터가 제출될 때도 disabled 속성이 명시된 <input> 요소의 데이터는 제출되지 않는다.
따라서 이 속성을 사용하면 특정 조건이 충족될 때까지 사용자가 입력 필드를 클릭할 수 없도록 설정하고, 특정 조건이 충족되면 자바스크립트 등으로 disabled 속성값을 삭제하여 사용자가 입력 필드를 다시 사용할 수 있도록 조절할 수 있다.
HTML 코드 예시
<input type='radio' value='활성화1' />
<input type='radio' disabled value='비활성화1' />
<input type='radio' disabled='disabled' value='비활성화2'/>
PHP 코드 예시
<label>
<input type = "radio" name = "type" value = "type01"
<?php if ( $type == "type01" ) { echo "checked disabled" ;} ?> >
type01
</label>
<label>
<input type = "radio" name = "type" value = "type02"
<?php if ( $type == "type02" ) { echo "checked disabled";} ?> >
type02
</label>
HTML 문법
<input disabled>
기본적으로 input 태그는 활성화 상태다.
input 태그에 disabled 속성을 명시하면 태그가 비활성화된다.
disabled 속성은 불리언(boolean) 속성이다.
불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 된다.
disabled 속성에 값을 주면서 버튼을 비활성화하려면 'disabled'라고 명시해 주어야 한다.
2023. 4. 25
참고한 글
http://www.tcpschool.com/html-tag-attrs/input-disabled
https://cocobi.tistory.com/62
'PHP' 카테고리의 다른 글
PHP/Session 세션으로 로그인 정보 가져오기 (0) | 2023.11.07 |
---|---|
[PHP] 라디오 버튼으로 값 체크하기 (0) | 2023.10.10 |