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 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
SalzPfeffer

Den Pizzateig vorbereiten und halbierenBeide Hälften rund ausrollen und auf ein 
mit Backpapier belegtes Blech legenOfen auf 240 Grad (Umluft220 Gradvorheizen
Teig mit passierten Tomaten bestreichenMozzarella 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>

Bausteine  Alle Anzeigen

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

<fieldset> Formularelemente gruppieren

CSS - Krieg der Sterne

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

JavaScript - Eingabefeld bei Fehleingabe farbig markieren

MySQL - Datenbankinhalte mit AES verschlüsseln und auslesen