E-Mail aus Formular generieren mit Antwort Buttons?

Hallo!

Ich möchte eine HTML/JS Formular erstellen, bei welchem ich nach dem Absenden eine E-Mail bekomme. Diese E-Mail soll allerdings 3 Buttons haben. Bei jedem dieser Buttons soll ein vorgefertigter Text zurück gesendet werden. Ist sowas möglich, wenn ja wie?

Beispiel:

Formular:
Name: Max
Preis: 100€

Antwort A:
Hallo Max, 100€ klingt gut.

Antwort B:

Hallo Max, 100 klingt schlecht.

...

MfG

2 Antworten

EinAlexander

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, Webseite

08.12.2021, 15:52

Diese E-Mail soll allerdings 3 Buttons haben

Was soll 3 Buttons haben? Die Mail oder das Formular?

Ist sowas möglich, wenn ja wie?

<?php
$name = htmlspecialchars($_POST['Name']);
$preis = htmlspecialchars($_POST['Preis']);
if(isset($_POST['button1'])) echo "Hallo $name, $preis klingt gut.";
if(isset($_POST['button2'])) echo "Hallo $name, $preis klingt schlecht.";
if(isset($_POST['button3'])) echo "...";
?>
<form>
<input name="Name" placeholder="Name">
<input name="Preis" placeholder="Preis">
<ul>
<li><button name="button1">Antwort 1</button>
<li><button name="button2">Antwort 2</button>
<li><button name="button3">Antwort 3</button>
</ul
</form>

Alex

Lezurex

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, Internet, programmieren

08.12.2021, 12:58

E-Mails kannst du nicht direkt vom Browser aus senden lassen. Dafür brauchst du ein Backend, was dies für dich macht.

Für die Buttons in der E-Mail kannst du einen mailto-Link erstellen. Hier ein Generator, der das für dich macht: https://mailtolinkgenerator.com/

Woher ich das weiß:Berufserfahrung – Informatiker Applikationsentwicklung

steezh

Beitragsersteller

08.12.2021, 13:09

Webflow würde in dem Fall das Backend übernehmen. Wie kann ich diese MailTo-Links dynamisch erstellen lassen? Also, dass die Mail an die E-Mail die angegeben wurde gesendet wird.

Lezurex

08.12.2021, 13:28

@steezh

Wenn wir zum Beispiel diesen Mailto Link haben:

mailto:test@gutefrage.net?subject=Betreff&body=Mein%20Text

Dann musst du test@gutefrage.net einfach durch die Zieladresse ersetzen. Hier böte es sich an, mit Template Strings zu arbeiten.

Ähnliche Beiträge

HTML Formular automatische email?

Hallo, ich habe ein Formular in HTML gecodet. Unten ist ein Button, der zum abschicken des Formulars dient.

Ganz unten im "Form"-tag steht folgendes:

Oben als Attribut von <form> steht folgendes:

method="post" action="mailto:(hier steht meine Email)"

Jetzt zum Problem:

Wenn man auf abschicken drückt, öffnet sich das Mail-Programm auf dem Laptop, es soll aber automatisch die Mail gesendet werden (nur mit den Werten).

Wie kann ich das umsetzen?

...zum Beitrag

HTML (JS/PHP) mit Button Zähler in .txt Datei schreiben?

Hallo,

ich habe auf einer HTML Seite einen einfachen Button, der ein onclick-event auslöst.

Nun soll dieser Button zusätzlich noch einen Zähler immer um eins Hochzählen und das ganze in eine Textdatei schreiben.

Geht warscheinlich nicht mit JS sondern nur mit PHP, oder?

Hat hier jemand ein Beispiel für sowas?

Wäre sehr dankbar!

Danke und Gruß

Fabio

...zum Beitrag

Javascript E-Mail senden?

Ich versuch ein Kontaktformular zu erstellen.

Mit HTML CSS und JAVASCRIPT.

Im Internet bzw. youtube findet man Tutorials, bei den das Formular zuerst an einem Websever gesendet wird, und diese verschickt dieses Formular an meine E-Mail.

Gibt es eine Möglichkeit, dass auch ohne einen Webserver zu machen? Kenne mich noch nicht so gut aus.

...zum Beitrag

im HTML-Code Formular Sonderzeichen: Umlaute, +,#,<,{ verbieten mit String-Objekt.?

Guten Abend,

also für das aktuelle Projekt haben wir ein HTML Code für das Formular, was ich ihr als Beispiel angebe. Kann mit jemand sagen wie ich mit einem String-Objekt folgende Sonderzeichen verbieten kann: Umlaute, +,#,<,{ und wo man das genau hinschreibt?

An alle Expertem bedanke ich mich im Voraus.

Hier der HTML-Code:

Formulareingaben überprüfen

Formular

Name:     
Wohnort:  
E-Mail:   
Alter:    
Formular:

Zum Absenden muss eine Internetverbindung bestehen!

...zum Beitrag

HTML Formulare ohne E-mail Programm

Hey Leute,

ich habe ein Formulare erstellt in HTML aber das Abschicken läuft nur wenn der Absender ein E-Mail Programm hat wie z.B. Outlook.

Aber ich möchte es so das der User nur auf abschicken klcikt und das Formulare dann automatisch an meine E-Mail geschickt wird ohne das er seine E-Mail Adresse eingeben muss.

Ich habe gehört das geht mit php aber wie geht das genau wie sieht der PHP Code aus ? Leider habe ich keine PHP.

Ich hoffe das mir jemand helfen kann.

...zum Beitrag

Wie kann ich in HTML einen Button machen, der, wenn er geklickt wird, weitere Buttons erscheinen lässt?

Hey Leute Ich stelle grade eine seite mit HTML auf. Ich wollte eigentlich einen Button einbauen der, wenn er geklickt wird die Seite darunter aufklappen lässt und weitere Buttons zum vorschein kommen. Ich weiss das man das irgendwie mit Js machen kann, bin mir aber nicht sicher wie.

Vielen Dank schonmal LG Nicolai:)

...zum Beitrag

Warum versendet jemand eine E-Mail im html Format?

Hi, habe kürzlich eine Mail erhalten. Im Mailprogramm flackerte folgender Hinweis auf: Bei der Darstellung dieser HTML-Nachricht kann es zu einem Fehler gekommen sein. Nachricht als Plain-Nachricht anzeigen

Bedeutet das, dass die Mail als html versendet wurde? Oder was bedeutet das konkret? Und was bezweckt der Absender mit dieser Formatierung?

Vielen Dank im Voraus

...zum Beitrag

HTML eingegebene Daten an "Server"/Email senden?

Moin Moin.

Ich bin gerade dabei HTML zu lernen, ich stehe aber vor einem Problem:

ich habe jeweils Boxen um z.b ein Formular auszufüllen.

mit dem [Senden] Button möchte ich diese Daten an meine E-Mail oder wo auch immer hin gesendet bekommen. Nun die Frage, wie tue ich das?
Ich habe gelesen, dass die auf der Website schauende Person ein Email Programm installiert haben muss, und sich angemeldet haben sollte. Aber wie tue ich es ohne?

Hat jemand eine Idee wie diese eingegebenen Daten an mich weitergesendet werden können?

Stehe ganz am Anfang von HTML und bitte um hilfreiche Antworten

...zum Beitrag

HTML: Scroll-to-top-Button geht nicht?

Ich habe gerade einen Scroll-to-top-Button in meine HTML-Webseite eingefügt. Von der Grafik her funktioniert alles, aber die Funktionalität ist nicht so der Hammer. Also er scrollt nicht hoch, wenn man ihn drückt.

In dem Tutorial (siehe unten) wird das Ganze mit JS gemacht. Also das hier ist der Teil aus JS, der dafür sorgt, dass die Seite nach oben scrollt, wenn man ihn drückt:

<script>
  const btnScrollToTop = document.querySelector("#btnScrollToTop")
  btnScrollToTop.addEventListener("click", function() {
    windows.scrollTo(0, 0);
  });
</script>

Muss man JS im head mit einem <link> einbinden, sowie man das mit .css macht?

P.S.: Das ist das erste Mal, dass ich JS benutze.

https://www.youtube.com/watch?v=FK5DEa1Hvco

...zum Beitrag

HTML|JS|CSS - Hinter dem DIV den Hintergrund unschärfen?

Hallo,

ich möchte gerne die restliche Seite unscharf haben, wenn mein DIV-Formular offen ist. Wenn ich mein DIV aber schließe "Abbrechen", ist die ganze Seite weg. Ich vermute mal das es mit dem anzeigen und verstecken vom "overlay" DIV zusammenhängt, welcher auch die Unschärfe rein bringt.

HTML Part:

<html>
<header>
    <link rel="stylesheet" href="css/style.css">
    <script language="javascript" type="text/javascript" src="js/script.js"></script>
    <script type="text/javashttps://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.jsquery.min.js"></script>
</header>

<div class="bsr"> <b> Besprechungsraum: </b> RR </div> <br>

<div id="ajaxdiv"> </div>

<div align="center" id="reservierungdiv"> <a href="#" class="btn_reservierung" onclick="openForm()">Reservierung</a> </div>

<?php include "connect/users.php"; ?>

</div> </body> </html>

CSS Part:

body {
    background-color: whitesmoke;
    /overflow: hidden;/
    z-index: 0;
}

#overlay{
    /display: none;/
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .5;
    z-index: 3;
    filter: blur(2px);
    visibility: hidden;
}

JS Part:

function openForm() {
    document.getElementById("myForm").style.display = "block";
    document.getElementById("overlay").style.display = "block"; <---
    startTimer();
}

function hideDiv() {
    document.getElementById('myForm2').reset();
    //$("#client")[0].reset();
    document.getElementById('myForm').style.display = 'none';
    document.getElementById("overlay").style.display = "none"; <---
}

...zum Beitrag

Upload button => E-Mail? Coding?

Hallo,

ich möchte gerne in meine Webseite einen Upload-Button reinbringen wo Benutzer Formulare hochladen können und diese dann direkt an mich gesendet werden per E-Mail.

Könnte mir einer sagen wie ich da am besten vorgehe.

Vielen Dank im Voraus!

...zum Beitrag

Download Button, für Image in HTML und CSS und JS?

Hallo zusammen

Ich will ein Foto herunterladen mithilfe eines buttons, oder links. wie soll ich dies tun.
Das Problem ist, das mit das Foto immer nur im Browser angezeigt wird, und nicht heruntergeladen.

Freundliche Grüsse

...zum Beitrag

Erfolgreiches Submit mit PopUp verbinden?

Wie verbinde ich bei meinem Formular den erfolgreichen Submit button, also wenn die Email erfolgreich vom Php script per Mail gesendet wurde mit einem PopUp. Kein neue Seite sondern ein PopUp der aufploppt und berichtet dass das Formular abgesendet wurde oder dass es Fehlgeschlagen ist

...zum Beitrag

Ein "Create"-Button, der eine neue Seite erstellt über php?

Grob gesagt, habe ich vor einen "Create"-Button zu erstellen, der, wenn man auf ihn klickt, eine neue HTML-Seite erstellt, diese HTML-Seite, soll dann ein vorgefertigtes Design haben und soll eine bestimmte CODE haben, denn man wiederum irgendwo eingeben könnte. Als Beispiel könnte man "Discord" nehmen, mit dem Create und Join Buttons.

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen