logo

HTML-Schaltfläche deaktiviert

Der ' deaktiviert ' ist ein Attribut des Tags in HTML, das verwendet wird, um anzugeben, dass die Schaltfläche deaktiviert ist. Es ist ein boolesches Attribut. Die deaktivierte Schaltfläche kann nicht zum Klicken verwendet werden und wird grau angezeigt.

Syntax

 Text you want to show on the button 

Beispiele: In den folgenden Beispielen werden verschiedene Schaltflächen verwendet und deaktiviert.

Beispiel 1: Im folgenden Beispiel wird die Schaltfläche „Senden“ deaktiviert.

 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 &apos;Reset a form&apos; button, then it will not reset the values of the above form. Reset a Form 
Testen Sie es jetzt

Ausgabe:

HTML-Schaltfläche deaktiviert

Browser-Unterstützung

Element Chrome-BrowserChrom dh BrowserIE Firefox-BrowserFeuerfuchs Opera-BrowserOper Safari-BrowserSafari
JaJaJaJaJa