CSS Deaktivieren Sie die Taste

Während des Entwerfens einer Webseite oder einer dynamischen Website möchten Sie möglicherweise eine Funktion deaktivieren, indem Sie den Benutzer einschränken oder nicht, um darauf zugreifen zu können. Beispielsweise ist die Schaltfläche oder ein beliebiges Textfeld gemäß den Anforderungen deaktiviert. Die Front-End-Sprachen werden zu diesem Zweck verwendet. Dies umfasst sowohl die HTML- als auch die CSS -Tags beim Erstellen und Entwerfen der Objekte.

Mit einem Kaskadenstilblatt werden den Inhalten, der über die HTML -Tags erstellt wird, spezielle Funktionen hinzufügen. CSS ist auch in Form von Tags geschrieben und kann auf drei Arten deklariert werden. Wir wenden den Ansatz des internen Stils an. Die HTML -Tags sind zusammen mit CSS recht einfach zu implementieren. Der Benutzer muss sich der Grundlagen beider Sprachen bewusst sein.

Implementierung der Deaktivierungsschaltfläche

Zunächst verwenden wir die HTML -Tags nur, um Schaltflächen zu erstellen. Sobald die HTML -Tags für die Schaltfläche erledigt sind, ist es für uns einfach, das CSS zur Taste hinzuzufügen.

Ab den HTML -Tags deklarieren wir den Kopfabschnitt. In dem Kopfabschnitt deklarieren wir den Titel der Seite, der auf der Registerkarte des Browsers angezeigt wird. Dann schließen wir den Titel und den Kopf -Tag. Dann deklarieren wir das Körpermarke. Im Körper verwenden wir das Div -Tag. Ein Container, der verwendet wird, um seinen Inhalt in einer bestimmten Form zu enthalten und auszurichten, wird als Div -Behälter bezeichnet. In der HTML gibt es integrierte Tags für verschiedene Funktionen, die mithilfe der Eröffnungs- und Schließetags verwendet werden. In ähnlicher Weise erstellt das Tag eine Schaltfläche. Wir erstellen zwei Tasten. Wir aktivieren einen Taste und deaktivieren die andere. Dies erfolgt einfach durch Hinzufügen des Schlüsselworts „deaktiviert“ zur Schaltfläche. Auf diese Weise können wir die Arbeit einer Schaltfläche auf der Webseite mithilfe der einfachen HTML -Tags aktivieren oder deaktivieren.

Nicht behindert
Behinderte

Da wir nur zwei Schaltflächen erstellen müssen, alle Tags schließen und dann die Datei speichern müssen. Um die von Ihnen erstellte Webseite auszuführen, öffnen Sie die Datei im Browser.

Wenn wir den Code ausführen, werden wir sehen, dass zwei Schaltflächen erstellt werden. Einer ist aktiviert, während der andere deaktiviert ist. Die Schaltfläche und der Text auf der deaktivierten Schaltfläche befinden sich in einem leichteren Farbton und scheint unscharf zu sein, sodass die Schaltfläche wie ein Text in einem Block aussieht. Dies bedeutet, dass die Schaltfläche nicht funktioniert.

Deaktivieren Sie die Taste in CSS

Jetzt verwenden wir sowohl HTML als auch CSS, um die spezifische Taste zu deaktivieren. Der Teil der DIV -Erstellung ist fast gleich, aber die CSS -Tags werden dem Kopfabschnitt hinzugefügt, wodurch ein internes Styling erstellt wird. Unter den Titel -Tags im Kopfabschnitt öffnen Sie das Style -Tag.