요소의 disabled 속성은 요소를 비활성화하는 데 사용됩니다. 요소가 비활성화되면 클릭할 수 없게 됩니다. 명백한 이유로 비활성화된 입력 요소는 제출되지 않습니다.
구문
다음은 구문입니다 -
<input disabled>
이제 요소 −
의 disabled 속성을 구현하는 예를 살펴보겠습니다.예시
<!DOCTYPE html> <html> <body> <h2>Details</h2> <form> <p>These are the new details...</p> <fieldset> <legend>New Details:</legend> Player: <input type="text" disabled><br> Rank: <input type="number"><br> Email: <input type="email"><br> Reporting Time: <input type="time"> </fieldset> </form> </body> </html>
출력
그러면 입력 요소 "Player" 중 하나를 비활성화한 다음 출력이 생성됩니다. -
위의 예에는 4개의 필드가 있습니다 -
Player: <input type="text" disabled><br> Rank: <input type="number"><br> Email: <input type="email"><br> Reporting Time: <input type="time">
위의 4개 필드 중 disabled 속성을 사용하여 그 중 하나를 비활성화했습니다 -
Player: <input type="text" disabled>
이제 위의 필드에서 텍스트를 추가할 수 없습니다. 비활성화되어 있기 때문입니다.