Archief - HTML Form

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
K

Kamikaze

Legacy Member
Ik heb een formulier op m'n website geplaatst, maar hoe kan ik het fixen zodat als ze Verzenden klikken, dat de pagina dan veranderd in bv.:
dank u voor de mail

ofziets ?
B

BART_SIMPSON416

Legacy Member
als je een form maakt
moet je toch een action gedeelte invoeren.
Dus naar welke pagina het form moet gaan om de gegevens door te sturen of te verwerken. Dus als je op die pagina nu gewoon eens dat zinnetje zou zetten.
K

Kamikaze

Legacy Member
Code: 
<br><form name="form" method="post" action="mailto:[email protected]?SUBJECT=Inschrijven" enctype="text/plain">

Dus action="thx.php" bv ? Hoe weet die dan naar waar die da moet sturen ?
d

dêsh'

Legacy Member
Om een form te verzenden maakt men gebruikt van verschillende hidden fields. Hieronder zie je de code van een volwaardige form:

Code: 
<FORM ACTION="http://www.designserver.nl/cgi-bin/mail-a-form" METHOD="POST">
	<INPUT TYPE="HIDDEN" NAME="to" VALUE="[email protected]">
	<INPUT TYPE="HIDDEN" NAME="nextpage" VALUE="http://www.designserver.nl/cursus/html/les-4/bedankt.htm">
	<INPUT TYPE="HIDDEN" NAME="subject" VALUE="Enquete">

	<B>Naam:</B> <INPUT TYPE="TEXT" NAME="naam" VALUE="uw naam" SIZE=30 MAXLENGTH=30><BR>
	<B>E-mail:</B> <INPUT TYPE="TEXT" NAME="emailadres" SIZE=30 MAXLENGTH=30><BR>
	<BR>
	<B>Geslacht:</B><BR>
	<INPUT TYPE="RADIO" NAME="sexe" VALUE="man"> Man<BR>
	<INPUT TYPE="RADIO" NAME="sexe" VALUE="vrouw"> Vrouw
	<BR>
	<BR>
	<B>U heeft Internet toegang via:</B><BR>
	<INPUT TYPE="CHECKBOX" NAME="Internet.Thuis" VALUE="YEP"> Thuis<BR>
	<INPUT TYPE="CHECKBOX" NAME="Internet.werk" VALUE="YEP"> Werk<BR>
	<INPUT TYPE="CHECKBOX" NAME="Internet.elders" VALUE="inderdaad"> Elders<BR>
	<BR>
	<B>Uw kennis van HTML is </B><SELECT NAME="HTML.kennis" SIZE=3>
		<OPTION>Zeer goed
		<OPTION SELECTED>Goed
		<OPTION>Voldoende
		<OPTION>Matig
		<OPTION>Slecht
	</SELECT>
	<BR>
	<BR>
	<B>Commentaar:</B><BR>
	<TEXTAREA NAME="opmerkingen" ROWS=5 COLS=45>Typ hier uw suggesties en commentaar...</TEXTAREA>
	<BR><BR>
	
	<INPUT TYPE="SUBMIT" VALUE="Verzenden"> 
	<INPUT TYPE="RESET" VALUE="Wissen">
</FORM>

Een formulier begint altijd met de FORM tag. Verplichte attributen zijn METHOD en ACTION.
In bovenstaand formulier staat er: <FORM ACTION="http://www.designserver.nl/cgi-bin/mail-a-form" METHOD="POST">.

Bij METHOD wordt meestal - dit hangt van de server af - de waarde POST ingevuld. ACTION verwijst naar het URL waar het CGI-script staat dat het formulier verwerkt. Voor de plaats van dit - of een soortgelijk - CGI-script neemt u contact op met uw systeembeheerder of Internet provider.

Naast de verschillende elementen in het formulier vindt u onderaan een Submit en Reset knop. U doet er verstandig aan deze speciale knoppen altijd in uw forms op te nemen.

Het CGI-script dat op de Designserver formulieren verwerkt heeft extra informatie nodig voor het verwerken van het formulier. Deze informatie wordt doorgegeven via hidden fields. Een 'verborgen veld' dat vrijwel altijd in een form moet worden opgenomen is
<INPUT TYPE="HIDDEN" NAME="to" VALUE="[email protected]">
Met deze verborgen informatie weet het CGI-script waar de gegevens in het formulier per email verzonden moeten worden.

Uiteraard verschillen deze 'hidden fields' per CGI-script (dus per provider). Neem voordat u een formulier via een CGI-script verstuurt dus een kijkje op de site van uw provider, of neem contact op met de helpdesk.

Wanneer u geen gebruik kunt maken van een CGI-script om uw formulier per email te versturen kunt u ook "mailto:s[email protected]" (maar dan uw eigen emailadres) opnemen in het ACTION attribuut van de FORM tag. Houdt er rekening mee dat wanneer een formulier met het mailto-protocol verzonden wordt, dit meestal tot bijna onleesbare email-berichten leidt. Het 'opschonen' van de informatie uit een formulier is namelijk een belangrijke taak van het CGI-script.

Bron: Klik hier
K

Kamikaze

Legacy Member
Code: 
<br>
<form name="inschrijven" method="post" action="thanks.php">
<input type="hidden" name="to" value="[email protected]">
<input type="hidden" name="nextpage" value="thanks.php">
<input type="hidden" name="subject" value="Inschrijven LAN">

<link href="stylesheet3.css" type="text/css" rel="stylesheet">
<table height="15" style="border-style: solid; border-width: 0.05em; border-color: #000000;" cellpadding="0" cellspacing="0" align="center" width="95%">
<tr> 
 <td colspan="2" valign="top" style="font-size: 11px; border-bottom: 2px #000000 solid; border-top: 1px #000000 solid; background-image:  url(cutenews/data/head.gif); padding: 2px;">
 <center><font face="Verdana, Arial, Helvetica, sans-serif"><strong>Inschrijven</strong></font></center>
 </td>
</tr>
    <tr> 
      <td width="40%" valign="top" align="right" style="background-color: #EEEEEE; font-size: 13px;"><br>Naam: </td>
      <td width="60%" valign="top" align="left" style="background-color: #EEEEEE; font-size: 13px;"> <br>
        <input type="text" name="name" size="35" maxlength="20" />      </td>
    </tr>
	<tr> 
      <td width="40%" valign="top" align="right" style="background-color: #EEEEEE; font-size: 13px;"><br>Voornaam:</td>
      <td width="60%" valign="top" align="left" style="background-color: #EEEEEE; font-size: 13px;"> <br>
        <input type="text" name="voornaam" size="35" maxlength="30" />      </td>
    </tr>
	<tr> 
      <td width="40%" valign="top" align="right" style="background-color: #EEEEEE; font-size: 13px;"><br>Adres:</td>
      <td width="60%" valign="top" align="left" style="background-color: #EEEEEE; font-size: 13px;"> <br>
        <textarea name="adres" rows="4" cols="30"></textarea>      </td>
    </tr>
    <tr> 
      <td width="40%" valign="top" align="right" style="background-color: #EEEEEE; font-size: 13px;"><br>Tel./GSM:</td>
      <td width="60%" valign="top" align="left" style="background-color: #EEEEEE; font-size: 13px;"> <br>
        <input type="text" name="tel" size="35" maxlength="20" />      </td>
    </tr>
    <tr> 
      <td width="40%" valign="top" align="right" style="background-color: #EEEEEE; font-size: 13px;"><br>Nickname:</td>
      <td width="60%" valign="top" align="left" style="background-color: #EEEEEE; font-size: 13px;"> <br>
        <input type="text" name="nick" size="35" maxlength="50" />      </td>
    </tr>
	<tr> 
      <td width="40%" valign="top" align="right" style="background-color: #EEEEEE; font-size: 13px;"><br>Clan:</td>
      <td width="60%" valign="top" align="left" style="background-color: #EEEEEE; font-size: 13px;"> <br>
        <input type="text" name="clan" size="35" maxlength="50" />      </td>
    </tr>
    <tr> 
      <td width="40%" valign="top" align="right" style="background-color: #EEEEEE; font-size: 13px;"><br>E-mail:</td>
      <td width="60%" valign="top" align="left" style="background-color: #EEEEEE; font-size: 13px;"> <br>
        <input type="text" name="email" size="35" maxlength="50" />      </td>
    </tr>
    <tr> 
      <td width="40%" valign="top" align="right" style="background-color: #EEEEEE; font-size: 13px;"><br>Game:</td>
      <td width="60%" valign="top" align="left" style="background-color: #EEEEEE; font-size: 13px;"> <br>
        <input type="text" name="game" size="35" maxlength="50" />      </td>
    </tr>
    <tr> 
      <td width="40%" valign="top" align="right" style="background-color: #EEEEEE; font-size: 13px;"><br>Ik betaal:</td>
      <td width="60%" valign="top" align="left" style="background-color: #EEEEEE; font-size: 13px;"> <br>
        <input type="checkbox" name="storten" value="crew" />Ik stort het geld op het rekeningnummer 001-4256675-03<br>
	    <input type="checkbox" name="inkom" value="crew" />Ik betaal aan de inkom<br>
        <input type="checkbox" name="crew" value="crew" />Ik betaal aan iemand van de crew op voorhand
	  </td>
    </tr>
    <tr> 
      <td width="40%" valign="top" style="background-color: #EEEEEE; font-size: 13px;">&nbsp;</td>
      <td width="60%" valign="top" align="left" style="background-color: #EEEEEE; font-size: 13px;"> 
        <input type="reset" name="Reset" value="Reset" />
      <input type="submit" name="Verzenden" value="verzenden" />      </td>
    </tr>
      <td colspan="2" valign="top" align="right" style="background-color: #EEEEEE; font-size: 10px;"><br>*alles moet ingevuld zijn !!!</td>
	<tr>
	</tr>
  </table>
  </form>
<br>

Zo ziet het er nu dus uit met die hidden fields, duurt alleen lang eer ik die mail heb. Nu ik toch bezig ben nog ff een vraagje.

Code: 
<input type="checkbox" name="storten" value="crew" />Ik stort het geld op het rekeningnummer 001-4256675-03<br>

als dit aangevinkt wordt, is het mogelijk dat er dan automatisch een email wordt verstuurd naar degene die ingeschreven heeft met rekening nummer en bijkomde info?
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan