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 Bausteinen (Codeschnipsel) aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<template>

CSS - Elemente ab einer bestimmten Fensterbreite ausblenden

PHP - Dateigröße ermitteln und Maßeinheit anzeigen

JavaScript - Alle Checkboxen auf einmal auswählen

MySQL - Flexible Insert-Funktion