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.

<tbody> Tabellenkörper

CSS - Container vertikal drehen

PHP - Punkte-Bewertung mit Sternen

JavaScript - Bildschirm und Fenstergröße ermitteln

MySQL - Datum (DATETIME) in ein deutsches Datumsformat umwandeln

Suchfunktion
Zu jeder guten Homepage gehört eine Suchfunktion als Service. Hier können Ihre Besucher, nach Inhalten auf Ihrer Homepage suchen. Kostenlose Suchfunktionen auf Basis von PHP gibt es viele im Web. Bei einigen Suchfunktionen wird eine Liste des gesuchten erstellt, was Ihre Besucher auf Ihrer Homepage gesucht haben.