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

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

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

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

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

[jQuery AJAX] echo mit HTML Content von PHP Datei ausgeben?

Okay, die Frage ist evtl ein bisschen kompliziert. Deshalb beschreibe ich das anhand eines Beispiels. Zuerst meine Dateien:

PHP (submit.php)

<?php
 $mail = $_GET['mail']; if(filter_var($mail, FILTER_VALIDATE_EMAIL)) { echo "<div role=\"alert\">Ungültige E-Mail</div>"; } else { echo "<div role=\"alert\">Gültige E-Mail</div>"; }

?>

HTML (index.html)

<form id="myForm">
  <input type="email" name="mail" id="mail" placeholder="E-Mail Adresse"/>
  <input type="submit" name="check" id="check" value="Senden"/>
</form>
<script src="http://code.jquery.com/jquery-1.9.1.js"/> <script> $(function () { $('form').on('submit', function (e) { e.preventDefault(); $.ajax({ type: 'post', url: 'submit.php', data: $('form').serialize(),   success: function() {    //echo "Gültige E-Mail    } error: function() { //echo "Ungültige E-Mail" } }); }); }); </script>

Beschreibung:

Sobald das Formular abgesendet wurde, wird die E-Mail an die submit.php gesendet. In dieser wird überprüft, ob die E-Mail gültig ist und gibt dann das Ergebnis in Form von HTML-Code zurück.

Die Lösung mit alert will ich nicht. Es soll unterhalb der Form das Ergebnis stehen.

Wenn ich mit PHP

echo "<div role=\"alert\">Gültige E-Mail</div>";

ausgebe, dann steht das auch direkt in HTML dort (also nicht als PlainText).

Wie ist es also möglich, das Ergebnis der submit.php zu bekommen und in der index.html auszugeben?

Vielen Dank im Voraus!

...zum Beitrag

Php und Formular speichern?

Im folgenden PHP Code wird beim absenden des Formular eine Datei erstellt mit denn Daten aus den Formular. Der Name der Datei die erstellt wird , ist in meinem Beispiel "anfrage.txt". Meine Frage ist jetzt wie bekomme ich das hin das der Name der Datei der Name aus denn Formular Daten ist, und anbesten mir dann an meine Gmail Email adresse gesendet wird.

<?php
{
    // und nun die Daten in eine Datei schreiben
    // Datei wird zum Schreiben geöffnet
    $handle = fopen ( "anfragen.txt", "w" );


    // schreiben des Inhaltes von email
    fwrite ( $handle, $_GET['email'] );


    // Trennzeichen einfügen, damit Auswertung möglich wird
    fwrite ( $handle, "|" );


    // schreiben des Inhalts von name
    fwrite ( $handle, $_GET['name'] );


    // Datei schließen
    fclose ( $handle );


    echo "Danke - Ihre Daten wurden speichert";


    // Datei wird nicht weiter ausgeführt
    exit;
}
?>

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

Formular auslese Fehler VIA JS?

Hallo,

mein Name ist Nils. Ich habe jetzt mit dem Programmieren angefangen, HTML, CSS (sind ja keine richtigen Programmiersprachen) kann ich schon. Nun habe ich angefangen JS zu lernen. Ich wollte erst einmal eine einfache ToDO Webanwendung entwickeln. Also habe ich angefangen via JS ein Formular auszulesen und anzuzeigen. Nur leider klappt dies nicht. Woran liegt es?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<h1>ToDoListe</h1>


<dive id="addToDoDive">
    <form>
        <input type="text" id="ToDoName" placeholder="ToDo Name">
        <input type="button" id="ToDoSaveBtn" value="ToDo speichern" onclick="AddToDo">
    </form>


    <script>
        function AddToDo(){
        var listElement = document.getElementById("ToDoName").value;
        var ToDoName = console.log(listElement);
 }


    </script>
</dive>


<dive id="seeToDo">
</dive>
</body>
</html>

...zum Beitrag

Kann man bei einem Kontakt Formular herausfinden an welche Mail die Kontakt Anfrage gesendet wird?

...zum Beitrag

HTML/CSS/JS Sections einfliegen lassen?

Hi, ich arbeite gerade an einer Website, nun möchte ich, dass wenn man scrollt, die jeweilige section einfliegt (von links). Ich komme aber nicht richtig weiter, wäre nett, wenn mir jemand helfen kann.

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

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

Was möchtest Du wissen?

Deine Frage stellen