SELF-Treffen in Mannheim 2025

SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.

Beispiel:CSS grundlagen enabled-disabled-checked.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CSS-Beispiel: Pseudoklassen :enabled, :disabled, :checked</title>
	<style>
	  input:disabled + span:after {content: " nicht auswählbar"}
	  input:enabled + span:after {content: " auswählbar"}
	  input:checked + span:after {content: " ausgewählt"}
	  input:disabled { outline: 2px solid red;}
	  input:checked  { outline: 2px solid green; }
	</style>
  </head>
  <body>
    <h1>Pseudoklassen für Benutzerinteraktionen</h1>
    <form action="CSS_grundlagen_enabled_disabled_checked.html">
      <ul>
        <li><label><input type="checkbox"><span></span></label></li>
        <li><label><input type="checkbox" disabled><span></span></label></li>
        <li><label><input type="checkbox" checked><span></span></label></li>
      </ul>
    </form>
  </body>
</html>