HTML-site forum


 · Forums · Reactie · Statistieken · Registreren · Zoeken · Regels · Tips · FAQ
HTML-site forum / Tutorials / [html] Contact Formulier
Schrijver Bericht
Jochem261
Forum Lid

5 posts
# Geplaatst: 2 Okt 2009 21:07 · Aangepast door: Jochem261


Ik weet dat er al meer van deze topics bestaan. Maar ik heb eens rondgekeken maar zag nog geen html formulier. Dus daarom heb ik er zelf 1 in elkaar gezet.

Waarschuwing!:
Dit werkt niet altijd. Dit ligt aan de host.

Wat we eerst nodig hebben is:
FormMail.pl hoe doen we dit?
Bij sommige host's moet je dit nog extra uploaden, en bij anderen is het al geupload. Ik heb een link voor mensen waarbij dit nog niet is gedaan.
link wanneer je het hebt gedownload extract je het(als je nog geen WinZip hebt moet je dat eerst downloaden. Na het extracten moet je het bestand uploaden in een map: "cgi-bin"

Stap1:
We maken nu het begin. Hier vullen we onze gegevens in over de verplichte velden en vullen we in wat je e-mail is.
(LET OP: Soms moet je een e-mail adress van je site gebruiken. Bijvoorbeel Contact@mijn_website_naam.nl
html code
<form method="post" // Hier beginnen we altijd mee.
 action="http://www.je_website_naam.nl/cgi-bin/FormMail.pl"> <input //Dit  is het bestand wat we hiervoor hebben geüpload.
 name="recipient" value="Mail_van_je_site@je_site_naam.nl" // Je mail-adress
 type="hidden"><input name="subject"
 value="Reactie van website" type="hidden"><input
 name="redirect" value="http://www.je_website_naam.nl/" // Je website naam
 type="hidden"><input name="description"
 value="Reactie van website" type="hidden"> <input
 name="fields_required"
 value="Naam,Contact" // De verplichte velden (Ik geef straks meer informatie)
 type="hidden"> <input name="email_from"
 value="Mail_van_je_site@je_site_naam.nl" type="hidden"><input // Je e-mail adress
 name="url_valid" value="http://www.je_website_naam.nl/correct.html"
 type="hidden"><input name="url_error" // Dit is de pagina waar iemand naartoe gaat als hij/zij het formulier goed heeft ingevuld.
Bij deze is het juist andersom:\/
 value="http://www.je_website_naam.nl/incorrect.html" type="hidden"


Stap 2:
Stap 2 plaats je op dezelfde pagina onder de code die ik net heb uitgelegd.
We gaan nu de vakken maken die worden ingevuld door een bezoeker.
html code
  <table
 style="width: 75%; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="0" cellspacing="0">
    <tbody>
      <tr>
        <td style="width: 40%;">&nbsp;Naam</td> // Dit laten we zo. (hier vult een bezoekr zijn naam in.
        <td style="width: 5%;"></td>
        <td style="width: 40%;"><input size="25" name="naam"></td>
      </tr>
      <tr>
        <td>&nbsp;E-mail<br> // dit laten we ook zo (Hier vult een 
bezoeker zijn e-mail in.(Dit is niet verplicht, als je dit wel wil moet je verder lezen. Dan leg ik het uit))
        </td>
        <td></td>
        <td><input size="25" name="E-mail"></td>l.
      </tr>
      <tr>
        <td>&nbsp;Contact</td> // Hier vult iemand iets in(Bijv. een fout op je site.)
        <td></td>
        <td><input size="25" name="Contact"></td>
      </tr>
      <tr>
        <td><input value="Verstuur" type="submit"></td>
</form>

*Wil je dat E-mail verplicht wordt?
html code
 name="fields_required"
 value="Naam,Contact" // Hier zet je E-mail achter.(Met "," ertussen
 


Dus dan wordt de eerste stap:
html code
<form method="post" // Hier beginnen we altijd mee.
 action="http://www.je_website_naam.nl/cgi-bin/FormMail.pl"> <input //Dit  is het bestand wat we hiervoor hebben geüpload.
 name="recipient" value="Mail_van_je_site@je_site_naam.nl" // Je mail-adress
 type="hidden"><input name="subject"
 value="Reactie van website" type="hidden"><input
 name="redirect" value="http://www.je_website_naam.nl/" // Je website naam
 type="hidden"><input name="description"
 value="Reactie van website" type="hidden"> <input
 name="fields_required"
 value="Naam,Contact" // De verplichte velden 
 type="hidden"> <input name="email_from"
 value="Mail_van_je_site@je_site_naam.nl" type="hidden"><input // Je e-mail adress
 name="url_valid" value="http://www.je_website_naam.nl/correct.html"
 type="hidden"><input name="url_error" // Dit is de pagina waar iemand naartoe gaat als hij/zij het formulier goed heeft ingevuld.
Bij deze is het juist andersom:\/
 value="http://www.je_website_naam.nl/incorrect.html" type="hidden"


-----------------------------------------------------------------------------------
De hele code:

html code
 
<form method="post"
 action="http://www.je_website_naam.nl/cgi-bin/FormMail.pl"> <input
 name="recipient" value="Mail_van_je_site@je_site_naam.nl"
 type="hidden"><input name="subject"
 value="Reactie van website" type="hidden"><input
 name="redirect" value="http://www.je_website_naam.nl/"
 type="hidden"><input name="description"
 value="Reactie website" type="hidden"> <input
 name="fields_required"
 value="Naam,Contact"
 type="hidden"> <input name="email_from"
 value="Mail_van_je_site@je_site_naam.nl" type="hidden"><input
 name="url_valid" value="http://www.je_website_naam.nl/correct.html"
 type="hidden"><input name="url_error"
 value="http://www.je_website_naam.nl/incorrect.html" type="hidden">
  <table
 style="width: 75%; text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="0" cellspacing="0">
    <tbody>
      <tr>
        <td style="width: 40%;">&nbsp;Naam</td>
        <td style="width: 5%;"></td>
        <td style="width: 40%;"><input size="25"
 name="naam"></td>
      </tr>
      <tr>
        <td>&nbsp;E-mail<br>
        </td>
        <td></td>
        <td><input size="25" name="E-mail"></td>l.
      </tr>
      <tr>
        <td>&nbsp;Contact</td>
        <td></td>
        <td><input size="25" name="Contact"></td>
      </tr>
      <tr>
        <td><input value="Verstuur" type="submit"></td>
</form>
 


Of zonder tabellen:
html code
 
<html>
<head>
</head>
<body>
<form method="post"
 action="http://www.je_website_naam.nl/cgi-bin/FormMail.pl"> <input
 name="recipient" value="Mail_van_je_site@je_site_naam.nl"
 type="hidden"><input name="subject"
 value="Reactie van website" type="hidden"><input
 name="redirect" value="http://www.je_website_naam.nl/"
 type="hidden"><input name="description"
 value="Reactie website" type="hidden"> <input
 name="fields_required" value="Naam,Contact" type="hidden">
  <input name="email_from"
 value="Mail_van_je_site@je_site_naam.nl" type="hidden"><input
 name="url_valid"
 value="http://www.je_website_naam.nl/correct.html" type="hidden"><input
 name="url_error"
 value="http://www.je_website_naam.nl/incorrect.html"
 type="hidden">Naam &nbsp;
  <input size="25" name="naam">&nbsp;<br>
E-mail &nbsp; <input size="25" name="E-mail">
  <br>
Contact
  <input size="25" name="Contact"><input
 value="Verstuur" type="submit">
</form>
</body>
</html>
 


Voorbeeld

 
vlerknozem
Hoofd-moderator

3929 posts
# Geplaatst: 2 Okt 2009 21:21


Ik vind dit geen tutorial. Ten eerste je gebruikt tables. Voor een tutorial kan je beter geen opmaak en zo min mogelijk html gebruiken. Je legt iets uit, het hoeft dus niet mooi te worden. Dit buiten het feit dat ik hiervoor sowieso geen tables voor zou gebruiken.

En dan verstuur je het naar een .pl bestand. Ik weet wel wat het is, maar beginners niet. Maar je hebt in deze tutorial dus geen afhandeling uitgelegd. Dus ik denk dat niemand er uberhaubt wat aan heeft.

Jochem261
Forum Lid

5 posts
# Geplaatst: 2 Okt 2009 21:33


Je hebt gelijk. Ik ben nu namelijk al uitleg aan het maken.
Nu kan je gewoon overnemen en je eigen mail adres en website invoeren.

egaTniv
Forum Lid

3599 posts
# Geplaatst: 2 Okt 2009 22:13


Quoting: Jochem261

Nu kan je gewoon overnemen en je eigen mail adres en website invoeren.

Dat kan dus niet, want niet elke host heeft die cgi zooi..

Jochem261
Forum Lid

5 posts
# Geplaatst: 3 Okt 2009 07:56 · Aangepast door: Jochem261


dat snap ik daarom is dit nu dus voor mensen die dat al hebben.
De code werkt bij (bijna) alle host.

BaZz
Forum Lid

3574 posts
# Geplaatst: 3 Okt 2009 09:53


zelf zou ik iig de doctype van je online voorbeeld compleet maken (je mist de .dtd link, daar kan IE in quirksmode van raken ipv zich aan webstandaarden te houden)

en in de aanbeveling/eerste mail zou ik zeggen dat het is voor als cgi (een wat oudere techniek dan php) wel ondersteund wordt, maar php niet door je host (volgens mij heeft een php mailscript de voorkeur)

Jochem261
Forum Lid

5 posts
# Geplaatst: 3 Okt 2009 10:05


Quoting: BaZz

volgens mij heeft een php mailscript de voorkeur

Ik gebruikte altijd gewoon html.Dit is voor mensen die geen php willen gebruiken. (Sindskort ook php)

BaZz
Forum Lid

3574 posts
# Geplaatst: 3 Okt 2009 10:16


maar het is geen gewoon html, je gebruikt een extern cgi / perl script wat de host moet ondersteunen op hun servers

http://nl.wikipedia.org/wiki/Common_Gateway_Interface

Jochem261
Forum Lid

5 posts
# Geplaatst: 3 Okt 2009 17:56


Dat weet ik. De meeste ondersteunen het wel. Alleen de goedkope niet.
Ik verander het wel ff in tekst.

vlerknozem
Hoofd-moderator

3929 posts
# Geplaatst: 3 Okt 2009 20:19


Oke de tutorial is nu al een stuk beter. Alleen zou ik persoonlijk dit toch zeer afraden. Ik kan dus gewoon de recipient, het onderwerp, etc gewoon veranderen als ik wil. Handig als je even anoniem wilt spammen.

jwvos
Forum Lid

1391 posts
# Geplaatst: 3 Okt 2009 20:52


Dit vindt ik niks.. er is inderdaad geen afhandeling uitgelegd, dus ik denk dat niemand hier iets aan heeft.

RicardoDesigns
Forum Lid

450 posts
# Geplaatst: 4 Okt 2009 11:19


Quoting: Jochem261

Dat weet ik. De meeste ondersteunen het wel. Alleen de goedkope niet.
Ik verander het wel ff in tekst.


Dit is niet waar, want zelfs de duurdere hoeven dit niet te ondersteunen.

Perl is een oudere taal, en deze wordt dan ook niet veel meer gebruikt in de Webhosting wereld.

Behalve als je specifiek een webhoster zoekt die dit ondersteund.

Zelf host ik op m'n eigen server, die ondersteund wel perl maar ik moet dat eerst installeren.

Sommige leveren dit en sommige niet.
Dit heeft niet te maken met goedkoop of duur.

Het ligt meer aan de server platform en het controlepaneel.
(plesk heeft CGI-BIN standaard, alleen niet geinstalleerd)
(DirectAdmin weet ik niet)

Groet,
Ricardo

Reactie

Tekst vet maken  Tekst cursief maken  Tekst onderstrepen  Afbeelding invoegen  Insert YouTube video  Link invoegen  html code invoeren  css code invoeren  php code invoeren   javascript code invoeren  Uitschakelen *Wat is dat?


» Naam  » Wachtwoord 
 Alleen geregistreerde bezoekers kunnen hier een bericht plaatsen. Je kunt inloggen of je hier registreren.

 



Dit forum is gebaseerd op miniBB © 2001-2010

cursus html


Sponsor: BlueYellow

Sitemap