Just nu i M3-nätverket
Gå till innehåll

HTML koden fungerar inte


Mahak

Rekommendera Poster

Hej

Använder följande kod för en webb formulär men den funkar inte den klaggar på email adressen.

<form action="http://www.olzzon.com/cgi-bin/p.cgi?epost=EPOSTADRESS&id=1" method="post">
 <p><b>Namn</b><br />
  <input maxlength="90" name="fran_namn" size="30" type="text" /></p>
 <p><b>Efternamn</b><br />
  <input maxlength="90" name="fran_namn" size="30" type="text" /></p>
 <p><b>Användarnamn</b><br />
  <input maxlength="90" name="fran_namn" size="30" type="text" /></p>
 <p><b>Wk nr</b><br />
  <input maxlength="90" name="fran_namn" size="30" type="text" /></p>
 <p><b>Klass</b><br />
  <input maxlength="90" name="fran_namn" size="30" type="text" /></p>
 <p><b>Mobil nr</b><br />
  <input maxlength="90" name="fran_namn" p="" size="30" type="text" /></P>
<p><b>Meddelande</b><br />
  <textarea cols="30" name="text" rows="5"></textarea></p>
 <p><input name="Skicka" type="submit" value="Skicka" /> <input name="mac.hs-CCC-hotmail.com" type="hidden" /></p>
</form>


Vad kan vara fel??

Länk till kommentar
Dela på andra webbplatser

Antar att du bytt ut epost=EPOSTADRESS&id=1 till en korrekt e-postadress?

Typ: 

<form action="http://www.olzzon.com/cgi-bin/p.cgi?epost=one@two.xxxx&id=1" method="post">

Dessutom så måste du nog ändra denna: 

<input name="XXXXXhotmail.com" type="hidden" />

...så att e-postadressen är värdet (inte namnet) på fältet. 
Vet inte vad namnet ska vara men typ:
 

<input name="EPOST" value="one@two.xxxx" type="hidden" />

Är dock tveksam att du ska ha med epost både i action och som ett hidden-fält.

Vad står det egentligen i instruktionerna?

Länk till kommentar
Dela på andra webbplatser

Du använder fälten "fran_namn" flera gånger istället för att använda olika namn, vilket du måste.

Länk till kommentar
Dela på andra webbplatser

Här är instruktioner http://www.olzzon.com/gratis_formular.htm

 

ändrade koden

<form method="post" action="http://www.olzzon.com/cgi-bin/p.cgi?epost=EPOSTADRESS&id=1">
<p><b>Namn</b><br />
	
<input maxlength="90" name="fran_namn" size="30" type="text" /></p>
	
<p><b>Efternamn</b><br />
		
<input maxlength="90" name="fran_Efternamn" size="30" type="text" /></p>
	
<p><b>Användarnamn</b><br />
		
<input maxlength="90" name="fran_Användernamn" size="30" type="text" /></p>
	
<p><b>Wk nr</b><br />
		
<input maxlength="90" name="fran_WKnr" size="30" type="text" /></p>
	
<p><b>Klass</b><br />
		
<input maxlength="90" name="fran_Klass" size="30" type="text" /></p>
	
<p><b>Mobil nr</b><br />
		
<input maxlength="90" name="fran_Mobile" p="" size="30" type="text" /></p>
	
<p><b>Meddelande</b><br />
		
<textarea cols="30" name="text" rows="5"></textarea></p>
	
<p><input name="EPOST" type="submit" value="Skicka" /> 
<input name="EPOST" type="hidden" value="xxxxxx@hotmail.com" /></p>
</form>

Det är en hemsida som erbjuder kod. Jag kopierade koden och bäddade in i min hemsida som en page.

Jag är lite osäker om jag förstod rätt instruktioner???

Länk till kommentar
Dela på andra webbplatser

Såhär ska det nog se ut :-)

<form method="post" action="http://www.olzzon.com/cgi-bin/p.cgi?epost=mac.hs-CCC-hotmail.com&id=1">
<p><b>Namn</b><br />
<input maxlength="90" name="fran_namn" size="30" type="text" /></p>
	
<p><b>Efternamn</b><br />
<input maxlength="90" name="fran_Efternamn" size="30" type="text" /></p>
	
<p><b>Användarnamn</b><br />
<input maxlength="90" name="fran_Användarnamn" size="30" type="text" /></p>
	
<p><b>Wk nr</b><br />
<input maxlength="90" name="fran_WKnr" size="30" type="text" /></p>
	
<p><b>Klass</b><br />
<input maxlength="90" name="fran_Klass" size="30" type="text" /></p>
	
<p><b>Mobil nr</b><br />
<input maxlength="90" name="fran_Mobile" p="" size="30" type="text" /></p>
	
<p><b>Meddelande</b><br />
<textarea cols="30" name="text" rows="5"></textarea></p>
	
<p><input type="submit" value="Skicka" /></p>
</form>
Länk till kommentar
Dela på andra webbplatser

ChromaWoods

[OFF-TOPIC]

Jösses, Olzzon finns alltså kvar. Hade en gästbok hostad där när det begav sig i mitten av 90-talet. De verkar inte förnyat sig nämnvärt sedan dess..

[/OFF-TOPIC]

 

..för övrigt borde inte titlarna för textfälten vara paragrafer och bold-taggar, istället borde de vara riktiga labels, stylade med CSS. Dels för semantiken och dessutom blir det lättare att fokusera fälten om man surfar med touch-enhet, eftersom labels fokuserar sitt fält genom sitt for-attribut.

Länk till kommentar
Dela på andra webbplatser

[...]borde de vara riktiga labels, stylade med CSS. Dels för semantiken och dessutom blir det lättare att fokusera fälten om man surfar med touch-enhet, eftersom labels fokuserar sitt fält genom sitt for-attribut.

 

Håller såklart med!

Exempel på hur det skulle kunna se ut i detta fall: 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>345766 @ eForum</title>
    <style>
      body {
        font-family:'Segoe UI light', Arial;
        font-size:1em;
        }
      fieldset {
        width:400px;
        margin:auto;
        margin-top:3em;
        padding:1em;
        }    
      legend {
        font-size:150%;
        }
      label {
        display:block;
        float:left;
        width:7.5em;
        text-align:right;
        padding-right: 0.5em;
        font-weight:bold;
        }
      input, textarea {
        width:250px;
        }
    </style>
  </head>
  <body>
    <form method="post" action="http://www.olzzon.com/cgi-bin/p.cgi?id=1&epost=mac.hs-CCC-hotmail.com">
      <fieldset>
          <legend>Formulär</legend>
          <p>
            <label for="fran_namn">Förnamn:</label>
            <input name="fran_namn" size="30" type="text" required /> *
          </p>
          <p>
            <label for="fran_Efternamn">Efternamn:</label>
            <input name="fran_Efternamn" size="30" type="text" required /> *
          </p>
          <p>
            <label for="fran_Användarnamn">Användarnamn:</label>
            <input name="fran_Användarnamn" size="30" type="text" required /> *
          </p>
          <p>
            <label for="fran_WKnr">Wk nr:</label>
            <input name="fran_WKnr" size="30" type="text" required /> *
          </p>
          <p>
            <label for="fran_Klass">Klass:</label>
            <input name="fran_Klass" size="30" type="text" required /> *
          </p>
          <p>
            <label for="fran_Mobile">Mobil nr:</label>
            <input name="fran_Mobile" size="30" type="text" required /> *
          </p>
          <p>
            <label for="text">Meddelande:</label>
            <textarea name="text" rows="5" required /></textarea>
          </p>
          <p style="text-align:right;padding-right:14px;">
            <input type="submit" style="width:auto;" value="Skicka" />
          </p>
      </fieldset>
    </form>
  </body>
</html>
Länk till kommentar
Dela på andra webbplatser

ChromaWoods

Bättre! :) Men for-attributet mappar mot ett fälts id, inte name. I alla fall i Chrome. Så man får även lägga till ett id-attribut på fälten så blir respektive label klickbar.

 

Alltså:

<label for="test">Test Label</label><input type="text" name="test" id="test">

...man kan även wrappa ett fält med en label och strunta i for-attributet helt, det funkar också (iaf i Chrome och FF).

 

Såhär:

<label>Test Label  <input type="text" name="test"></label>

Länk till kommentar
Dela på andra webbplatser

Hur kan jag och några till skulle kunna få ett mail  med information om formens innehåll???

Vart i koden skulle jag lägga in email adressen??

Länk till kommentar
Dela på andra webbplatser

Du lägger till e-postadressen i action-värdet i form-taggen:

<form method="post" action="http://www.olzzon.com/cgi-bin/p.cgi?id=1&epost=mac.hs-CCC-hotmail.com"> 

Vet inte om tjänsten tillåter flera mottagaradresser, men du kan ju testa att lägga in flera separerade med ett komma-tecken. Annars får du sätta upp en grupp-epost/sändlista el. dyl. och använda den e-postadressen som mottagare i formuläret.

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...