' 장애가 있는 '는 HTML의 태그 속성으로 버튼이 비활성화되었음을 나타내는 데 사용됩니다. 부울 속성입니다. 비활성화된 버튼은 클릭이 불가능하며, 회색으로 나타납니다.
자바 반환 명령
통사론
Text you want to show on the button
예: 다음 예에서는 다양한 버튼을 사용하고 비활성화합니다.
예시 1: 다음 예에서는 제출 버튼을 비활성화합니다.
Example of Submit Disabled /* The following tag selector body use the font-family and background-color properties for body of a page*/ body { font-family: Calibri, Helvetica, sans-serif; background-color: pink; } /* Following container class used padding for generate space around it, and also use a background-color for specify the color lightblue as a background */ .container { padding: 50px; background-color: lightblue; } /* The following tag selector input uses the different properties for the text filed. */ input[type=text] { width: 100%; padding: 15px; margin: 5px 0 22px 0; display: inline-block; border: none; background: #f1f1f1; } input[type=text]:focus { background-color: orange; outline: none; } div { padding: 10px 0; } /* The following tag selector button uses the different properties for the Button. */ button { color: red; padding: 16px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%; opacity: 0.9; } Firstname: Middlename: Lastname: Gender : <br> Male Female Other Email: In this example, the disabled attribute is used to disable the Reset button. If you fill the form and then click on the 'Reset a form' button, then it will not reset the values of the above form. Reset a Form지금 테스트해보세요
산출:
브라우저 지원
요소 | 크롬 | 즉 | 파이어폭스 | 오페라 | 원정 여행 |
예 | 예 | 예 | 예 | 예 |