JavaScript - Formularinhalt herunterladen
Füllen Sie die folgenden zwei Eingaben aus, um eine Datei mit dem gewünschten Inhalt herunterzuladen!
<script>
// Formularinhalt herunterladen
function downloadFile(data="", fileName="margherita.txt", type="text/plain") {
// Erstellen eines unsichtbaren A-Elements.
const a = document.createElement("a");
a.style.display = "none";
document.body.appendChild(a);
// Lege den HREF auf eine Blob-Darstellung der herunterzuladenden Daten fest.
a.href = window.URL.createObjectURL(
new Blob([data], { type })
);
// Verwenden des Download-Attributs zum festlegen des gewünschten Dateinamens.
a.setAttribute("download", fileName);
// Auslösen des Downloads durch simulieren des Klicks.
a.click();
// A-Element wieder entfernen.
document.body.removeChild(a);
}
function onFormSubmit() {
downloadFile(
document.getElementById("content").value,
document.getElementById("filename").value
);
}
</script>
<p>Füllen Sie die folgenden zwei Eingaben aus,
um eine Datei mit dem gewünschten Inhalt herunterzuladen!</p>
<form onsubmit="onFormSubmit(); return false;">
<p>
<label for="filename">Dateiname:</label> <br>
<input type="text" id="filename" value="margherita.txt">
</p>
<p>
<label for="content">Inhalt:</label> <br>
<textarea id="content">
Pizza Margherita
Zutaten:
5g frische Hefe
500g Mehl
1Tl Salz
½ Tomatensauce
2Kugeln Büffelmozzarella (à 125 g)
1Topf Basilikum
Salz, Pfeffer
Den Pizzateig vorbereiten und halbieren. Beide Hälften rund ausrollen und auf ein
mit Backpapier belegtes Blech legen. Ofen auf 240 Grad (Umluft: 220 Grad) vorheizen.
Teig mit passierten Tomaten bestreichen. Mozzarella grob reiben und über die Pizzen streuen.
Pizzagewürz darüber streuen und die Basilikum-Blätter auf den Pizzen verteilen.
</textarea>
</p>
<button type="submit">Herunterladen</button>
</form>
Pizzasorten
| Pizzasorte | Zutaten |
|---|---|
| Pizza Margherita | Tomatensauce, Käse |
| Pizza Salamie | Tomatensauce, Käse, Salamie |
| Pizza Prosciutto | Tomatensauce, Käse, Vorderschinken |
| Pizza Funghi | Tomatensauce, Käse, Pilze |
| Pizza Peperoni | Tomatensauce, Käse, grünen Peperoni |
| Pizza Quattro Stagioni | Tomatensauce, Käse, Salami, Paprika, Schinken, Pilze |
| Pizza Tonno | Tomatensauce, Käse, Thunfisch, Zwiebeln |
| Pizza Hawaii | Tomatensauce, Käse, Schinken, Ananas |
| Pizza Frutti di Mare | Tomatensauce, Käse, Meeresfrüchte |
| Pizza Bolognese | Tomatensauce, Käse, Hackfleisch, Zwiebeln |
| Pizza Calzone (Pizzatasche) | Tomatensauce, Käse, Salami, Schinken, Paprika, Pilze |
| Pizza Napoli | Tomatensauce, Käse, Sardellen, Oliven |
| Pizza Verdi | Tomatensauce, Käse, Spinat, Ei |
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen
HTML, CSS,
PHP, JavaScript und
MySQL.
<blockquote> Block-Zitat
CSS - Container vertikal drehen
PHP - Passwortschutz für den Download