Html/CSS Aufgabe hilfe?
Ich habe die Aufgabe einen "Formular absenden" Button und einen "Formular löschen" Button zu programmieren und das dazugehörige Formular
Formular ist schon fertig, die Buttons an sich auch aber ich habe das Problem das wenn man den "Formular absenden" Button drückt, soll Outlook automatisch geöffnet werden. Ich weiß nicht wie bzw hab ich gelesen das geht nur wenn man JavaScript benutzt aber in dieser Ausgabe darf ich nur HTML und CSS benutzen.
Hat jemand eine Idee wie es geht bzw ist die Aufgabe überhaupt möglich?
3 Antworten
Hi BaumiBaum196,
dafür verwendet man im mailto in im action-Attribut des Formulars. Hier ist ein einfaches Beispiel:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formular mit Mailto</title>
</head>
<body>
<form action="mailto:example@example.com" method="post" enctype="text/plain">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="email">E-Mail:</label>
<input type="email" id="email" name="email" required>
<button type="submit">Absenden</button>
<button type="reset">Zurücksetzen</button>
</form>
</body>
</html>
Zu Outlook: Nicht immer wird Outlook geöffnet. Nicht alle verwenden Outlook oder haben im Browser eingestellt das Outlook gestartet werden soll. Daher kann man das nur so einrichten, wenn man das vorher so eingestellt hat und auch Outlook besitzt. Mit HTML und CSS lässt sich so ein Standardformular erstellen.
Du kannst aber theoretisch mit JavaScript, viel, viel mehr machen, aber wie du geschrieben hast, sollst du nur HTML und CSS verwenden.
Viel Erfolg
Du kannst eine E-Mail als Formulardatenempfänger vorgeben:
<form action="mailto:some@email.de">
<label for="subject">Subject:</label>
<input id="subject" name="subject">
<label for="message">Message:</label>
<textarea id="message" name="body"></textarea>
<input type="submit">
</form>
Bei Versand öffnet der Browser einen E-Mail-Client (oder ein Auswahlfenster mit den für den Nutzer verfügbaren Clients).
Wenn die Felder subject und body existieren, wird ihr Inhalt in der Regel in den neuen E-Mail Entwurf eingefügt.
Du müsstest dann mailto verwenden
https://wiki.selfhtml.org/wiki/HTML/Tutorials/Links/Verweise_auf_Mailadressen
Allerdings funktioniert das nur wenn dein Rechner auch dafür dein Outlook als Mailprogramm eingestellt hat