CSS - Kalender Symbol neben dem Datepicker


<style>

label.datepicker::before {
 
contentUrl("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAAAAADFQYt8AAAAPElEQVR42mP4DwKHD/+HASiTAZd4GQgcPlwGA1AmfnFMwNCDHZAhDnIWOkFNcXrZ+3uA7IUSP0EuwGkvABkDhtIfK2U1AAAAAElFTkSuQmCC");
 
white-spaceNowrap;
 
vertical-alignTop;
 
padding-right5px;
}
</
style>

<
label class="datepicker"><input type="date" name="datum"></label>

Bilder als Base64-Code kodieren — Siehe: Grafik als Zeichenkette speichern und wieder als Grafik ausgeben

Bausteine  Alle Anzeigen

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

<option> Option - Auswahlliste/Datenliste

CSS - Elemente ab einer bestimmten Fensterbreite ausblenden

PHP - Alle Dateien in einem Verzeichnis löschen

JavaScript - Text bei onMouseOver und onMouseOut ersetzen

MySQL - Mehrere Spalten einer Tabelle sortieren

Bilder passend zum Inhalt
Wenn Sie Bilder in ihre Seite einbinden, so achten Sie darauf, dass die Bilder etwas mit dem Thema ihrer Homepage zu tun haben. Bilder, die vom Seitenthema abweichen, sollte man besser weglassen.