webForumDet fria alternativet

Kontaktformulär, HJÄLP!!!

HTML & CSS

5 svar · 1 516 visningar · startad av Cheese

Medlem sedan jan. 20113 inlägg
Frågan#1

Allting ser helt perfekt ut, men jag får det inte till att skickas.
Dvs. när jag trycker på skicka knappen så länkas den bara vidare och inget händer. Hjälp mig! Desperat! :( Länkar först css-koden sen html-koden. Allt ligger i samma dokument.

<style type="text/css">

body {

background-image: url("background.png");

font-family:Georgia;

font-size:0.6em;

margin:0px;

color:#055e67;}

label {

margin: 3;

padding:0.2em;

margin-top:0.3em;

text-align:left;

width:451px;

float:right;

text-transform:uppercase;

  }

fieldset {

  border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */

  width:451px;

  }

legend {

width:451px;

height:38px;

color:#fff;

font-size:2em;

padding-left:0.5em;

background: transparent url("textfield.png") no-repeat;

position:relative;

top:-1em;

text-transform:uppercase;

font-weight:bold;

letter-spacing:-1px;

white-space:pre; /* hack: make sure */

}

.br {display:none;}  

  

.textfield {

font:1.1em  Georgia ;

color:#055e67 ;

margin:3px;

height:38px;

border:solid 0 #fff;

padding: 0px 8px;

background: transparent url("textfield.png") no-repeat fixed;

width:451px;

voice-family: "\"}\""; 

voice-family:inherit;

width:451px;

}

fieldset>input.textfield {

background: transparent url("textfield.png") no-repeat;

}

textarea {
Scroll: no;

font:1.1em Georgia;

color:#055e67 ;

margin:3px;

height:88px;

border:solid 0 #fff;

padding: 8px 8px;

background: transparent url("text.png") no-repeat fixed;

width:451px;

voice-family: "\"}\""; 

voice-family:inherit;

width:451px;

}

fieldset>textarea {

background: transparent url("text.png") no-repeat;

}

.submit {

margin:3px;

background: transparent url("send.png") no-repeat;

height:38px;

border:solid 0 #fff;

width:451px;

font:1.1em Georgia;

color:#055e67;

text-transform:uppercase;

 }

</style>
<form><form method="post" action="mailto:minmail@minmail.se" enctype="text/plain">  

<fieldset>

<label for="name"></label><br class="br" />

<input name="name" type="text" class="textfield"  id="name" value="Name (Optional)" />

<br />

<label for="email"></label><br class="br" />

<input name="email" type="text" class="textfield" id="email" value="E-mail (Optional)" />

<br/>

<label for="website"></label><br class="br" />

<input name="web" type="text" class="textfield" id="web" value="Web" />

<br />

<label for="comment"></label><br class="br" />

<textarea cols="30" rows="15" name="comment" id="comment" value="Message" style="font-style: normal; scroll="no" font-variant: normal; font-weight: normal; font-size: 1.1em; font-family: Georgia; color: #055e67; height: 104px; width: 451px; voice-family: inherit; border: 0 solid #fff; margin: 0px; padding-left: 8px; padding-right: 8px; padding-top: 0; padding-bottom: 0; background: url('text.png') no-repeat fixed"></textarea>

<br /><label for="submit">&nbsp;</label><br class="br" />

<input name="submit" type="submit" class="submit" id="submit" value="" />

</fieldset>

</form>
Medlem sedan jan. 20113 inlägg
#2

Snälla någon vetande, hjälp mig :(

Medlem sedan juli 200012 978 inlägg
#3

Välkommen till wF. Normalt finns det nog många, både hjälpsamma och kunniga här.
Men två minuters responstid innan ytterligare hjälprop kl ett en lördagsnatt är väl optimistiskt! Även på wF. ;-)

Kolla parenteserna!

Medlem sedan juni 200032 967 inlägg
#4

Börja med att ta bort den första form-taggen.

Medlem sedan jan. 20113 inlägg
#5

Det jag behöver hjälp med är texten som ska stå för att skicka iväg brevet och länka besökaren till en "meddelandet-har-skickats sida) !? :)

Medlem sedan aug. 20068 090 inlägg
#6

Eftersom du använder "mailto" så skapar formuläret ett nytt mail i användarens e-postprogram. Det skickas alltså inte direkt via webbplatsen. Således är det ju ganska värdelöst att skicka användaren vidare till en "meddelandet-har-skickats-sida" eftersom 1) du inte alls vet om meddelandet har skickats och 2) det lär ju användaren veta själv eftersom det är han/hon som måste skicka det manuellt i sitt e-postprogram.

Ska du skicka ett formulär via webbplatsen måste du använda dig av någon slags formmail service. Och det beror på bl.a. om du kan använda php, asp, cgi eller annat programmeringsspråk på din sida.

Rent tekniskt så innehåller ditt formulär också några fel som kan göra att webbläsaren inte förstår vad den ska göra:

1. I inline style för textarean har du

 scroll="no"

Ta bort den snutten. Den bryter sönder koden.

2. Submit-knappen har den här koden:

value=""

Den kan också förvirra en del webbläsare. Och eftersom den inte innehåller några parametrar, så gör den heller ingen nytta. Ta bort den.

Jag föreslår att du kollar in webbplatser som erbjuder sånt här, t.o.m. gratis. T.ex. den här: http://www.emailmeform.com/

276 ms totalt · 4 externa anrop · v20260731065814-full.e96017d9
131 ms — deklarationer (db)
0 ms — hämta statistik (cache)
142 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)