Forum Mjukvara Programmering och digitalt skapande Tråd

Hur man skickar till e-post via formulär

1
Skriv svar
Permalänk
Medlem
●

Hur man skickar till e-post via formulär

Hej,

min kompis har nyligen köpt en template till hans hemsida och vi har stött på lite problem när det gäller själva "Kontakta oss"-formuläret på sidan.
Vi är ganska så nya när det kommer till HTML och hemsideskapande så det kan ju bero lite på det..

Själva delen för formuläret lägger jag in nedan:

   				<article class="inner-content">
    					
    					<div class="lined">
    						<h2><span class="light">Sänd oss ett</span> meddelande</h2>
    						<h5>Fält markerade med <span class="theme-clr">*</span> är obligatoriska</h5>
    						<span class="bolded-line"></span>
    					</div>
    					
    					<form action="#" class="form contact">
    						<div class="row">
    							<div class="span3">
    								<label for="inpt-name">För- och efternamn<span class="theme-clr">*</span></label>
    								<input type="text" name="inpt-name" value="" id="inpt-name" class="span3" />
    							</div>
    							<div class="span3">
    								<label for="inpt-phone">Telefonnummer<span class="theme-clr">*</span></label>
    								<input type="tel" name="inpt-name" value="" id="inpt-phone" class="span3" />
    							</div>
    							<div class="span3">
    								<label for="inpt-email">E-postadress</label>
    								<input type="email" name="inpt-name" value="" id="inpt-email" class="span3" />
    							</div>
    						</div>
    						<div class="row">
    							<div class="span9">
    								<label for="txtarea">Ert meddelande<span class="theme-clr">*</span></label>
    								<textarea name="txtarea" rows="7" class="span9" id="txtarea"></textarea>
    							</div>
    						</div>
    						<div class="row">
    							<div class="span9">
    								<button class="btn btn-theme no-bevel pull-right" type="submit">SÄND</button>
    							</div>
    						</div>
    					</form>
    					
    				</article>

Vi har testat med att skriva in "mailto:epost@adress.se" där det står # och lämnat kvar det med class och även testat o ta bort class-delen o lagt till: method="post" enctype="text/plain" efter istället som det står här: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_form_mail
Båda alternativen gör att datorns förvalda e-postläsare öppnas med ett nytt och tomt meddelande (inget mail skickas).

Hoppas ni förstår mitt lite luddiga inlägg

Redigera
Citera flera Citera
Permalänk
Avstängd
●
Skrivet av Daka64:

Hej,

min kompis har nyligen köpt en template till hans hemsida och vi har stött på lite problem när det gäller själva "Kontakta oss"-formuläret på sidan.
Vi är ganska så nya när det kommer till HTML och hemsideskapande så det kan ju bero lite på det..

Själva delen för formuläret lägger jag in nedan:

   				<article class="inner-content">
    					
    					<div class="lined">
    						<h2><span class="light">Sänd oss ett</span> meddelande</h2>
    						<h5>Fält markerade med <span class="theme-clr">*</span> är obligatoriska</h5>
    						<span class="bolded-line"></span>
    					</div>
    					
    					<form action="#" class="form contact">
    						<div class="row">
    							<div class="span3">
    								<label for="inpt-name">För- och efternamn<span class="theme-clr">*</span></label>
    								<input type="text" name="inpt-name" value="" id="inpt-name" class="span3" />
    							</div>
    							<div class="span3">
    								<label for="inpt-phone">Telefonnummer<span class="theme-clr">*</span></label>
    								<input type="tel" name="inpt-name" value="" id="inpt-phone" class="span3" />
    							</div>
    							<div class="span3">
    								<label for="inpt-email">E-postadress</label>
    								<input type="email" name="inpt-name" value="" id="inpt-email" class="span3" />
    							</div>
    						</div>
    						<div class="row">
    							<div class="span9">
    								<label for="txtarea">Ert meddelande<span class="theme-clr">*</span></label>
    								<textarea name="txtarea" rows="7" class="span9" id="txtarea"></textarea>
    							</div>
    						</div>
    						<div class="row">
    							<div class="span9">
    								<button class="btn btn-theme no-bevel pull-right" type="submit">SÄND</button>
    							</div>
    						</div>
    					</form>
    					
    				</article>

Vi har testat med att skriva in "mailto:epost@adress.se" där det står # och lämnat kvar det med class och även testat o ta bort class-delen o lagt till: method="post" enctype="text/plain" efter istället som det står här: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_form_mail
Båda alternativen gör att datorns förvalda e-postläsare öppnas med ett nytt och tomt meddelande (inget mail skickas).

Hoppas ni förstår mitt lite luddiga inlägg

Gå till inlägget

Pma mig så hjälper jag er

Visa signatur

:: [ Intel Core i7 Extreme Edition 5960X watercooled ] [ ASUS RAMPAGE V EXTREME ] :: [32 GB DDR4 Corsair Dominator Platinum] :: [ ASUS ROG 780TI SLI] [ HDD system ASUS ROG SSD PCI-E 250
GB ] ::

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av crazzer:

Pma mig så hjälper jag er

Gå till inlägget

Gjort

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Kom gärna med en öppen lösning. Mitt nuvarande formulär segar ner min sida rätt mycket eftersom det inkluderas från annat håll.

Visa signatur

CITERA FÖR SVAR

Dator: *Censurerad av Jantelagen*

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av dwd:

Kom gärna med en öppen lösning. Mitt nuvarande formulär segar ner min sida rätt mycket eftersom det inkluderas från annat håll.

Gå till inlägget

Har tyvärr inte fått något svar i min inkorg än men återkommer om jag får det!

Sålänge så kan någon annan komma med förslag om de kan?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Vet ej hur man gör detta men skulle också behöva veta

Redigera
Citera flera Citera
Permalänk
Medlem
●

Vill du att ett mail ska skickas från webbservern så får ni hantera mail-skickandet med tex php.

Som du gör nu och som exempelkoden ser ut på w3schools så gör du så att användaren lokalt får upp en sitt mailprogram och kan maila er.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Daka64:

Hej,

min kompis har nyligen köpt en template till hans hemsida och vi har stött på lite problem när det gäller själva "Kontakta oss"-formuläret på sidan.
Vi är ganska så nya när det kommer till HTML och hemsideskapande så det kan ju bero lite på det..

Själva delen för formuläret lägger jag in nedan:

   				<article class="inner-content">
    					
    					<div class="lined">
    						<h2><span class="light">Sänd oss ett</span> meddelande</h2>
    						<h5>Fält markerade med <span class="theme-clr">*</span> är obligatoriska</h5>
    						<span class="bolded-line"></span>
    					</div>
    					
    					<form action="#" class="form contact">
    						<div class="row">
    							<div class="span3">
    								<label for="inpt-name">För- och efternamn<span class="theme-clr">*</span></label>
    								<input type="text" name="inpt-name" value="" id="inpt-name" class="span3" />
    							</div>
    							<div class="span3">
    								<label for="inpt-phone">Telefonnummer<span class="theme-clr">*</span></label>
    								<input type="tel" name="inpt-name" value="" id="inpt-phone" class="span3" />
    							</div>
    							<div class="span3">
    								<label for="inpt-email">E-postadress</label>
    								<input type="email" name="inpt-name" value="" id="inpt-email" class="span3" />
    							</div>
    						</div>
    						<div class="row">
    							<div class="span9">
    								<label for="txtarea">Ert meddelande<span class="theme-clr">*</span></label>
    								<textarea name="txtarea" rows="7" class="span9" id="txtarea"></textarea>
    							</div>
    						</div>
    						<div class="row">
    							<div class="span9">
    								<button class="btn btn-theme no-bevel pull-right" type="submit">SÄND</button>
    							</div>
    						</div>
    					</form>
    					
    				</article>

Vi har testat med att skriva in "mailto:epost@adress.se" där det står # och lämnat kvar det med class och även testat o ta bort class-delen o lagt till: method="post" enctype="text/plain" efter istället som det står här: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_form_mail
Båda alternativen gör att datorns förvalda e-postläsare öppnas med ett nytt och tomt meddelande (inget mail skickas).

Hoppas ni förstår mitt lite luddiga inlägg

Gå till inlägget

Du kommer behöva blanda in PHP eller nått annat språk som körs i bakgrunden för att detta ska fungera. Det räcker inte med vanlig HTML. Jag skulle även gissa att du behöver en mailserver.

Visa signatur

R5 2600 | RTX 2060 Super | SSD | 16 GB RAM | Gigabyte DS3H| 750 WATT

Redigera
Citera flera Citera
Permalänk
Inaktiv
●

Spana in PHP funktionen mail() http://php.net/manual/en/function.mail.php

Du måste konfigurera en proper mailserver i phpinställningarna först (detta är dock oftast förkonfigurerat med dom flesta webbhotell).

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av anon214934:

Spana in PHP funktionen mail() http://php.net/manual/en/function.mail.php

Du måste konfigurera en proper mailserver i phpinställningarna först (detta är dock oftast förkonfigurerat med dom flesta webbhotell).

Gå till inlägget

Yup, mailserver har vi med vårt webbhotell men ska försöka sätta mig ner och läsa igenom lite på den länken. Är inte jättekunnig, har inte gjort något med php innan. Ingen som kan förklara lite mer förenklat eller hjälpa mig?

Skickades från m.sweclockers.com

Redigera
Citera flera Citera
Permalänk
Inaktiv
●
Skrivet av Daka64:

Yup, mailserver har vi med vårt webbhotell men ska försöka sätta mig ner och läsa igenom lite på den länken. Är inte jättekunnig, har inte gjort något med php innan. Ingen som kan förklara lite mer förenklat eller hjälpa mig?

Skickades från m.sweclockers.com

Gå till inlägget

Du bör lära dig PHP-grunder. Ett simpelt mailskript som tar post/get-värden och skickar ett mail baserat på det är inte svårt. Google är din vän

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av anon214934:

Du bör lära dig PHP-grunder. Ett simpelt mailskript som tar post/get-värden och skickar ett mail baserat på det är inte svårt. Google är din vän

Gå till inlägget

Ok, har med Webdesignskolans hjälp lyckats skapa ett fungerande mailformulär (får mailet) med en fil formular.php:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Kontakt</title>
</head>
<body>
<h2>Kontakta oss </h2>
<form name="kontakt" method="post" action="formmail.php">
Namn:<br>
<input name="name" type="text" size="30">
<br>
E-postadress:<br>
<input name="email" type="text" size="30">
<br>
Meddelande:<br>
<textarea name="message" cols="30" rows="5"></textarea>
<br>
<br>
<input name="submit" type="submit"
value="Skicka meddelandet">
</form>
</body>
</html>

och filen formmail.php:

<?php

$to = "daka64@msn.com";
$from = $_POST["email"];
$subject = "Hemsidan";
$name = $_POST["name"];
$message = $_POST["message"];

if (mail ($to, $subject, $message ,"From: $name <$from>"))

echo nl2br("<h2>Ditt meddelande har skickats!</h2> 
<b>mottagare:</b> $to
<b>ämne:</b> $subject
<b>meddelande:</b>
$message
");

else
echo "Det gick inte att skicka ditt meddelande";

?>

Nu har jag försökt o ändra så att det blir ungefär samma i template-filen contact.html och det ser ut såhär nu:

    				<article class="inner-content">
    					
    					<div class="lined">
    						<h2><span class="light">Sänd oss ett</span> meddelande</h2>
    						<h5>Fält markerade med <span class="theme-clr">*</span> är obligatoriska</h5>
    						<span class="bolded-line"></span>
    					</div>
    					
    					<form name="kontakt" method="post" action="formmail.php" class="form contact">
    						<div class="row">
    							<div class="span3">
    								<label for="inpt-name">För- och efternamn<span class="theme-clr">*</span></label>
    								<input type="text" name="name" value="" id="inpt-name" class="span3" />
    							</div>
    							<div class="span3">
    								<label for="inpt-phone">Telefonnummer<span class="theme-clr">*</span></label>
    								<input type="tel" name="inpt-name" value="" id="inpt-phone" class="span3" />
    							</div>
    							<div class="span3">
    								<label for="inpt-email">E-postadress</label>
    								<input type="text" name="email" value="" id="inpt-email" class="span3" />
    							</div>
    						</div>
    						<div class="row">
    							<div class="span9">
    								<label for="txtarea">Ert meddelande<span class="theme-clr">*</span></label>
    								<textarea name="message" rows="7" class="span9" id="txtarea"></textarea>
    							</div>
    						</div>
    						<div class="row">
    							<div class="span9">
    								<button class="btn btn-theme no-bevel pull-right" type="submit">SÄND</button>
    							</div>
    						</div>
    					</form>
    					
    				</article>

Använder mig då av filen formmail.php på samma plats men får inget mail med templatens variant.
Jämför gärna med hur templatens del såg ut i början i första inlägget.

Har dock även utelämnat telefonnumret i formmail.php då jag inte vet hur man tar med det där

Senast redigerat
Redigera
Citera flera Citera
Permalänk
Medlem
●

Ingen som kan hjälpa mig?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Den enda skillnaden som jag ser är att du använder en button istället för input men jag tror inte det ska vara något problem.
Får du resultatet "Ditt meddelande har skickats!" men mailet går inte fram? Ser alla variabler korrekta ut, de som skrivs ut tillsammans med resultatet?

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Leedow:

Den enda skillnaden som jag ser är att du använder en button istället för input men jag tror inte det ska vara något problem.
Får du resultatet "Ditt meddelande har skickats!" men mailet går inte fram? Ser alla variabler korrekta ut, de som skrivs ut tillsammans med resultatet?

Gå till inlägget

Jupp, precis! Skickas till sidan att det har skickats men får inget mail. Alla uppgifter ser rätt ut.. :/

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Daka64:

Jupp, precis! Skickas till sidan att det har skickats men får inget mail. Alla uppgifter ser rätt ut.. :/

Gå till inlägget

Då är det förmodligen inget PHP-relaterat, snarare mailservern som strular eller något.
Om du får fram att mailet skickats så fungerar ju koden.

Kolla i loggarna för webbservern och se vad den säger, där får du nog ett bra svar vad som är felet.
Om inget finns där heller så kan det vara något med mailservern, använder du en extern mailserver eller använder du den inbyggda i linux?

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av BuruZ:

Då är det förmodligen inget PHP-relaterat, snarare mailservern som strular eller något.
Om du får fram att mailet skickats så fungerar ju koden.

Kolla i loggarna för webbservern och se vad den säger, där får du nog ett bra svar vad som är felet.
Om inget finns där heller så kan det vara något med mailservern, använder du en extern mailserver eller använder du den inbyggda i linux?

Gå till inlägget

Mm, ska göra det. Men tycker det verkar lite skumt att det funkar med det första exemplet där jag använder Webdesignskolans mall.

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara