HTML File (Upload) Input Generator
Datei-Upload-Feld mit optionaler Filterung der Dateitypen.
Anwendung & Beispiele
Das umgebende <form> braucht enctype="multipart/form-data", damit der Upload funktioniert. accept filtert nur die Anzeige im Datei-Dialog – serverseitig immer nachprüfen.
FAQ
Welche Form-Einstellung muss ich beachten?
Das umschließende <form> braucht enctype="multipart/form-data" und method="post" — sonst werden nur die Dateinamen, nicht die Datei-Inhalte übertragen.
Kann ich nur bestimmte Dateitypen zulassen?
Mit accept filterst du den Datei-Auswahl-Dialog: accept=".pdf,.doc" oder MIME-Types wie accept="image/*". Achtung — der Filter ist nur Komfort, der Nutzer kann ihn umgehen. Serverseitig immer prüfen!
Wie groß darf eine Datei sein?
HTML hat keine Größengrenze, aber Server (z.B. PHP upload_max_filesize) und Browser haben Limits. Setze einen versteckten MAX_FILE_SIZE-Hinweis und prüfe via JS oder Server.
Wofür sind ID, Class und Title?
id identifiziert ein Element eindeutig (für CSS, JS, Anker-Links). class erlaubt CSS-Styling, mehrere Klassen werden mit Leerzeichen getrennt. title erzeugt einen Tooltip beim Hover.
Funktioniert der Code in allen Browsern?
Alle hier erzeugten Elemente sind valides HTML5 und werden in allen modernen Browsern (Chrome, Firefox, Safari, Edge, Opera) unterstützt. Bei sehr alten Browsern (z.B. IE 11) kann es bei einzelnen Input-Typen wie color oder date Einschränkungen geben.