CSS - Fehleingaben in Formularen mit CSS hervorheben

Werte zwischen 1 und 10 sind gültig.


<style>

inputtype="number"]:in-range {
  
background-colorrgba(025500.25);
}

inputtype="number"]:out-of-range {
  
background-colorrgba(255000.25);
  
outline1px solid red;
}

inputtype="number"]:in-range label::after {
  
content'OK.';
  
colorgreen;
}

inputtype="number"]:out-of-range label::after {
  
content'fehlerhaft!';
  
colorred;
}
</
style>


<
p>Werte zwischen 1 und 10 sind gültig.<br>
 <
input type="number" id="value1" name="value1" value="12" min="1" max="10" placeholder="1 bis 10">
 <
label for="value1">Ihre Eingabe ist </label>
</
p>

Siehe auch: Fehleingaben in Formularen farbig hervorheben und JavaScript - Zahl in einem Eingabefeld mit dem Mausrad verändern

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<h1>-<h6> Überschrift

CSS - Bevorzugtes Farbschema darstellen (Hell.- / Dunkelmodus für Webseiten)

PHP - Mit PHP 5 E-Mail-Adresse sicher prüfen

JavaScript - Zweite Auswahlliste aktivieren

MySQL - Zufällige Datensätze auslesen