<fieldset> 태그의 disabled 속성
HTML <fieldset> 태그 ⇒
정의 및 특징
<fieldset> 태그의 disabled 속성은 <fieldset> 요소에 포함된 <form> 요소들이 비활성화됨을 명시합니다.
disabled 속성이 명시된 <fieldset> 요소에 포함된 모든 요소들은 사용할 수 없으며 사용자가 클릭할 수도 없습니다.
따라서 이 속성을 사용하면 특정 조건이 충족될 때까지 사용자가 <fieldset> 요소에 포함된 요소들을 클릭할 수 없도록 설정하고, 특정 조건이 충족되면 자바스크립트 등으로 disabled 속성값을 삭제하여 사용자가 다시 요소들을 사용할 수 있도록 조정할 수 있습니다.
disabled 속성은 불리언(boolean) 속성입니다.
불리언 속성은 해당 속성을 명시하지 않으면 속성값이 자동으로 false 값을 가지게 되며, 명시하면 자동으로 true 값을 가지게 됩니다.
문법
|
<fieldset disabled> |
예제
<form action="/examples/media/action_target.php" method="get">
<fieldset disabled>
<legend>학사 관리 로그인</legend>
이름 : <input type="text" name="st_name"><br>
학번 : <input type="text" name="st_id"><br>
학과 : <input type="text" name="department"><br>
<button type="submit">제출하기</button>
</fieldset>
</form>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| disabled | 지원함 | 지원함 | 지원함 | 지원함 | 6.0 | 12.0 |
엣지 브라우저의 경우 중첩된 <fieldset> 요소에서는 disabled 속성이 제대로 적용되지 않습니다.
<fieldset disabled><fieldset><!--여전히 사용할 수 있음!--></fieldset></fieldset>
HTML5에서 변경된 사항
disabled 속성은 HTML5에서 <fieldset> 태그에 새롭게 추가된 속성입니다.
HTML과 XHTML에서의 차이점
XHTML에서는 속성값을 생략할 수 없으므로, 다음과 같이 속성명과 속성값을 모두 명시해야만 합니다.
<fieldset disabled="disabled">
