HTML 비활성화 속성
정의 및 사용
disabled속성은 부울 속성입니다 .
존재하는 경우 요소를 비활성화해야 함을 지정합니다.
비활성화된 요소는 사용할 수 없습니다.
disabled다른 조건(예: 체크박스 선택)이 충족될 때까지 사용자가 요소를 사용하지 못하도록 속성을 설정할 수 있습니다 . 그러면 JavaScript가 비활성화된 값을 제거하고 요소를 다시 사용할 수 있게 만들 수 있습니다.
에 적용
속성 은
disabled다음 요소에 사용할 수 있습니다.
| 집단 | 기인하다 |
|---|---|
| <버튼> | 장애가있는 |
| <필드셋> | 장애가있는 |
| <입력> | 장애가있는 |
| <옵션 그룹> | 장애가있는 |
| <옵션> | 장애가있는 |
| <선택> | 장애가있는 |
| <텍스트 영역> | 장애가있는 |
예
버튼 예
비활성화된 버튼:
<button type="button" disabled>Click Me!</button>
필드셋 예제
관련 양식 요소 그룹 비활성화:
<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
입력 예
비활성화된 입력 필드가 있는 HTML 양식:
<form
action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"
disabled><br>
<input type="submit" value="Submit">
</form>
옵트 그룹 예
비활성화된 옵션 그룹:
<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
옵션 예
비활성화된 옵션이 하나 있는 드롭다운 목록:
<select>
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
예시 선택
비활성화된 드롭다운 목록:
<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
텍스트 영역 예
비활성화된 텍스트 영역:
<textarea disabled>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
브라우저 지원
특성 은 disabled각 요소에 대해 다음 브라우저 지원을 가집니다.
| Element | |||||
|---|---|---|---|---|---|
| button | Yes | Yes | Yes | Yes | Yes |
| fieldset | Yes | Not supported | Yes | 7.0 | Yes |
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| optgroup | 1.0 | 8.0 | Yes | Yes | Yes |
| option | 1.0 | 8.0 | 1.0 | Yes | Yes |
| select | Yes | Yes | Yes | Yes | Yes |
| textarea | Yes | Yes | Yes | Yes | Yes |