Avatar billede okoleg Nybegynder
02. oktober 2005 - 08:40 Der er 11 kommentarer og
1 løsning

Hjælp til at stille felter "lige" i formmail

Hej

Jeg er ved at lave en formmail med nedenståene tag.
Hvordan får jeg felterne til indtastning til at stå lige under hinanden, i stedet for at de "flyver" frem og tilbage alt efter hvor lang teksten er.

<HTML>
<BODY>

<FORM action="http://scripts.udbyder.dk/form2mail.asp" method="post">

Navn : <INPUT type="text" name="navn"><BR>
Adresse : <INPUT type="text" name="adresse"><BR>
Blah : <TEXTAREA name="blah"></TEXTAREA><BR><BR>

<INPUT type="hidden" name="recipient" value="xxx@domain.dk">
<INPUT type="hidden" name="fromaddress" value="xxx@domain.dk">
<INPUT type="hidden" name="subject" value="Subject">
<INPUT type="hidden" name="redirect" value="http://www.domain.dk/tak.html">
<INPUT type="hidden" name="orderby" value="navn,adresse,blah">



<INPUT type="submit" value="Send">

</FORM>

</BODY>
</HTML>
Avatar billede horsmark Nybegynder
02. oktober 2005 - 09:13 #1
<html>
<head>
<style type="text/css">
.container {
  width:400px;
  clear:both;
  height:auto;
  }
.left{
  width:200px;
  float:left;
  }
.right{
  width:200px;
  float:right;
  }
input, textarea{
  width:190px;
  border: 1px solid #CCC;
  }

</style>
</head>
<body>
<FORM action="http://scripts.udbyder.dk/form2mail.asp" method="post">
<INPUT type="hidden" name="recipient" value="xxx@domain.dk">
<INPUT type="hidden" name="fromaddress" value="xxx@domain.dk">
<INPUT type="hidden" name="subject" value="Subject">
<INPUT type="hidden" name="redirect" value="http://www.domain.dk/tak.html">
<INPUT type="hidden" name="orderby" value="navn,adresse,blah">
<div class="container">
  <label class="left" for="name">Navn :</label>
  <INPUT class="right" type="text" name="navn" id="name">
</div>
<div class="container">
  <label class="left" for="adresse">Adresse :</label>
  <INPUT class="right" type="text" name="adresse" id="adresse">
</div>
<div class="container">
  <label class="left" for="blah">Blah :</label>
  <TEXTAREA class="right" name="blah"></TEXTAREA>
</div>
<div class="container">
  <INPUT class="right" type="submit" value="Send">
</div>
</FORM>
</body>
</html>
Avatar billede horsmark Nybegynder
02. oktober 2005 - 09:19 #2
<TEXTAREA class="right" name="blah"></TEXTAREA>
skal lige være
<TEXTAREA class="right" name="blah" id="blah"></TEXTAREA>

ellers sættes cursoren ikke i textarea når der trykkes på <label>blah</label>
Avatar billede okoleg Nybegynder
02. oktober 2005 - 09:39 #3
Tak for hjælpen.

Jeg har prøvet at tilføje et par x-tra felter, og de vises også på siden, men når mailen kommer kan jeg ikke se hvad der er skrevet i de tre sidste felter. Kan der ikke indsættes mere end de tre felter?
Avatar billede horsmark Nybegynder
02. oktober 2005 - 09:41 #4
stik mig lige koden :-)
Avatar billede okoleg Nybegynder
02. oktober 2005 - 09:47 #5
float:right;
  }
input, textarea{
  width:190px;
  border: 1px solid #CCC;
  }

</style>
</head>
<body>
<FORM action="http://scripts.udbyder.dk/form2mail.asp" method="post">
<INPUT type="hidden" name="recipient" value="kontakt@domian.dk">
<INPUT type="hidden" name="fromaddress" value="send@domain.dk">
<INPUT type="hidden" name="subject" value="Subject">
<INPUT type="hidden" name="redirect" value="http://domain.dk/tak.htm">
<INPUT type="hidden" name="orderby" value="navn,adresse,postnr. & by, institution, kommentar">
<div class="container">
  <label class="left" for="name">Navn :</label>
  <INPUT class="right" type="text" name="navn" id="name">
</div>
<div class="container">
  <label class="left" for="adresse">Adresse :</label>
  <INPUT class="right" type="text" name="adresse" id="adresse">
</div>
<div class="container">
  <label class="left" for="adresse">Postnr. & by :</label>
  <INPUT class="right" type="text" name="Postnr. & by" id="Postnr. & by">
</div>
<div class="container">
  <label class="left" for="Institution">Evt. institution :</label>
  <INPUT class="right" type="text" name="Evt. institution" id="Evt. institution">
</div>
<div class="container">
  <label class="left" for="Kommentar">Kommentar:</label>
  <TEXTAREA class="right" name="Kommentar" id="Kommentar"></TEXTAREA>
</div>
<div class="container">
  <INPUT class="right" type="submit" value="Send">
</div>
</FORM>
</body>
</html>





</FORM>

</BODY>
</HTML>
Avatar billede okoleg Nybegynder
02. oktober 2005 - 10:12 #6
Kan du finde fejlen?
Avatar billede horsmark Nybegynder
02. oktober 2005 - 10:29 #7
yes
  <label class="left" for="Institution">Evt. institution :</label>
  <INPUT class="right" type="text" name="Evt. institution" id="Evt. institution">

skal være

  <label class="left" for="Institution">Evt. institution :</label>
  <INPUT class="right" type="text" name="Evt. institution" id="Institution">

id´er må ikke indeholde mellemrum og _skal_ indeholde mindst én bogstav
Avatar billede horsmark Nybegynder
02. oktober 2005 - 10:30 #8
plus at du har 2 sluttags på både html og body og form ? til slut ????
Avatar billede okoleg Nybegynder
02. oktober 2005 - 10:36 #9
Jeg har fjernet de x-tra slttags, og ændret id´en, men jeg får stadig ikke teksten fra de to sidste felter i den e-mail jeg modtager.
Avatar billede okoleg Nybegynder
02. oktober 2005 - 10:38 #10
slttags =sluttags:-)
Avatar billede roenving Novice
02. oktober 2005 - 11:02 #11
-- og name-attributter må ikke indeholde f.eks. mellemrum, hvilket er endnu strengere for id'er !-)
Avatar billede okoleg Nybegynder
02. oktober 2005 - 11:30 #12
Ok, men kommentarfeltet virker heller ikke, og der er ikke mellemrum.
Hvad er der så galt der?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester