< >

formular-ohne-php-verarbeitng.php


Quell Code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Anmeldeformular</title>
<style type="text/css">
#form1 table tr td #Mitglied {
    text-align: center;
}
.Name {
	width: 250px;
}
.Ort {
	width: 350px;
}
.Land {
	width: 400px;
}
#form1 div table tr td {
	text-align: center;
	font-weight: bold;
	font-size: ;
}
body {
	background-image: url(../bilder/2011_hintergrund_1.png);
	background-size: cover;
	height: 100%; width: 100%;	
	}
.Größe {
	font-size: xx-large;
	text-decoration: underline;
}


@charset "UTF-8";

/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
    display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}






</style>
<link href="SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<script src="SpryValidationTextField.js" type="text/javascript"></script>
</head>

<body>
<form action="Anwendungen/myFormMail.php" method="post" enctype="multipart/form-data" name="form1" id="form1" onreset="return deleteForm();" onsubmit="return submitForm();" style="page-break-inside:avoid">
	
  <p><br />
  </p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <div align="center">
    <table width="813" border="1">
      <tr>
        <td height="45" colspan="3" class="Größe">Antragsformular</td>
      </tr>
      <tr>
        <td colspan="3">&nbsp;</td>
      </tr>
      <tr>
        <td width="266"><div align="center">Aufnahme ab (Datum/Jahr)</div></td>
        <td width="275"><div align="center">Außerordentliches Mitglied</div></td>
        <td width="250"><div align="center">Alter</div></td>
      </tr>
      <tr>
        <td><div align="center">
          <span id="sprytextfield1">
          <input type="text" name="Aufnahme " id="Aufnahme " required/>
        <span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span><span class="textfieldInvalidFormatMsg">Ungültiges Format.</span></span></div></td>
        <td><div align="center"><span id="sprycheckbox1">
          <input type="checkbox" name="Mitglied2" id="Mitglied" />
          <label for="Mitglied"></label>
        </span></div></td><td><input type="radio" name="Alter" value="über 14" id="Alter_0" />
        über 14 Jahre
        <input type="radio" name="Alter" value="unter 14" id="Alter_1" />
        unter 14 Jahre</td>
      </tr>
      <tr>
        <td><div align="center">Nachname, Vorname</div></td>
        <td><div align="center">Geburtsdatum</div></td>
        <td><div align="center">Geburtsort</div></td>
      </tr>
      <tr>
        <td><div align="center"><span id="sprytextfield2">
          <input name="Name" type="text" class="Name" id="Name" required/>
          <span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span></span></div>
        </td>
        <td><div align="center"><span id="sprytextfield3">
        <input type="text" name="Geburtsdatum" id="Geburtsdatum" required/>
        <span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span><span class="textfieldInvalidFormatMsg">Ungültiges Format.</span></span></div></td>
        <td><div align="center"><span id="sprytextfield4">
          <input name="Geburtsort" type="text" class="Name" id="Geburtsort" required/>
        <span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span></span></div></td>
      </tr>
      <tr>
        <td><div align="center">Straße, Hausnummer</div></td>
        <td colspan="2"><div align="center">PLZ, Ort</div> 
        <div align="center"></div></td>
      </tr>
      <tr>
        <td><div align="center"><span id="sprytextfield5">
          <input name="Adresse" type="text" class="Name" id="Adresse" required/>
        <span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span></span></div></td>
        <td colspan="2"><div align="center"><span id="sprytextfield6">
          <input name="Ort" type="text" class="Ort" id="Ort" required/>
          <span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span></span></div>
          <div align="center"></div></td>
      </tr>
      <tr>
        <td><div align="center">Staatsangehörigkeit</div></td>
        <td><div align="center">Beruf</div></td>
        <td><div align="center">Telefonnumer</div></td>
      </tr>
      <tr>
        <td><div align="center"><span id="sprytextfield7">
          <input type="text" name="Staat" id="Staat" required/>
        <span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span></span></div></td>
        <td><div align="center"><span id="sprytextfield8">
          <input name="Beruf" type="text" class="Name" id="Beruf" required/>
        <span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span></span></div></td>
        <td><div align="center"><span id="sprytextfield9">
        <input type="text" name="Telefonnummer" id="Telefonnummer" required/>
        <span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span>
        <span class="textfieldInvalidFormatMsg">Ungültiges Format.</span></span></div></td>
      </tr>
      <tr>
        <td><div align="center">E-Mail Adresse</div></td>
        <td><label for="KFZ Kennzeichen">
          KFZ Kennzeichen
          </label><div align="center"></div>
        </label></td>
        <td><label for="Handynummer">Handynummer</label></td>
      </tr>
      <tr>
        <td><div align="center"><span id="sprytextfield11">
        <input type="text" name="Mail" id="Mail" />
        </span></div></td>
        <td><div align="center">
          <input type="text" name="KFZ Kennzeichen" id="KFZ Kennzeichen" />
        </div></td>
        <td><span id="sprytextfield9">
        <input name="Handynummer" type="text" class="Name" id="Handynummer" />
        </span></td>
      </tr>
      <tr>
        <td colspan="2">1. Ich habe Erfahrung als Sportfischer.</td>
        <td><p>
          <label>
            <input type="radio" name="Erfahrungen" value="ja" id="Erfahrungen_0" required/>
            ja</label>
          <label>
            <input type="radio" name="Erfahrungen" value="nein" id="Erfahrungen_1" required/>
            nein</label>
          <br />
        </p></td>
      </tr>
      <tr>
        <td colspan="2">2. Ich bin wegen Jagd- oder Fischereivergehen vorbestraft.</td>
        <td><p>
          <label>
            <input type="radio" name="Vergehen" value="ja" id="Vergehen_0" required/>
            ja</label>
          <label>
            <input type="radio" name="Vergehen" value="nein" id="Vergehen_1" required/>
            nein</label>
          <br />
        </p></td>
      </tr>
      <tr>
        <td colspan="2">3. Ich habe die Fischereiprüfung bestanden (Kopie der Karte/Erlagschein liegen bei)</td>
        <td><p>
          <label>
            <input type="radio" name="Pr&uuml;fung" value="ja" id="Prüfung_0" required/>
            ja</label>
          <label>
            <input type="radio" name="Pr&uuml;fung" value="nein" id="Prüfung_1" required/>
            nein</label>
          <br />
        </p></td>
      </tr>
      <tr>
        <td colspan="2">4. Ich wurde aus einem anderen Verein ausgeschlossen.</td>
        <td><p>
          <label>
            <input type="radio" name="Verein" value="ja" id="Verein_0" required/>
            ja</label>
          <label>
            <input type="radio" name="Verein" value="nein" id="Verein_1" required/>
            nein</label>
          <br />
        </p></td>
      </tr>
      <tr>
        <td colspan="2">5. Ich war schon Mitglied im Fischereiverein Klein Meiseldorf.</td>
        <td><p>
          <label>
            <input type="radio" name="Mitglied" value="ja" id="Mitglied_0" required/>
            ja</label>
          <label>
            <input type="radio" name="Mitglied" value="nein" id="Mitglied_1" required/>
            nein</label>
          <br />
        </p></td>
      </tr>
      <tr>
        <td colspan="2">6. Ich war Mitglied im Angelverein (Name)</td>
        <td><label for="Name Verein"></label>
        <input name="Name Verein" type="text" class="Ort" id="Name Verein" /></td>
      </tr>
      <tr>
        <td colspan="3">Mir ist bekannt, dass unwahre Angaben zum Vereinsausschluss bzw. zur Ablehnung des Antrages führen.</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>Datum</td>
        <td colspan="2">Bei Minderjährigen ist die Zustimmung eines Erziehungsberechtigten erforderlich.</td>
      </tr>
      <tr>
        <td><label for="Datum"></label>
          <span id="sprytextfield10">
          <input type="text" name="Datum" id="Datum" required/>
        <span class="textfieldRequiredMsg">Es muss ein Wert angegeben werden.</span><span class="textfieldInvalidFormatMsg">Ungültiges Format.</span></span></td>
        <td><label for="Ablehnung">Elternteil stimmt nicht zu</label>
        <input type="checkbox" name="Ablehnung" id="Ablehnung" /></td>
        <td><label for="Zustimmung">Elterrnteil stimmt zu</label>
        <input type="checkbox" name="Zustimmung" id="Zustimmung" /></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td colspan="2">Jahresbeitrag außerordentliches Mitglied</td>
        <td>Euro 525,00</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>Dateianhang</td>
        <td colspan="2"><label for="Fischerkarte">Fischerkarte/Zahlschein</label>
          <input type="file" name="Fischerkarte" id="Fischerkarte" required/></td>
      </tr>
      <tr>
        <td>Kommentar/Anmerkungen</td>
        <td colspan="2"><label for="Kommentar"></label>
        <textarea name="Kommentar" cols="70" rows="8" id="Kommentar"></textarea></td>
      </tr>
      <tr>
        <td><input type="submit" name="button" id="button" value="Senden" /></td>
        <td><input type="button" name="Drucken" id="Drucken" value="Drucken" onClick="print()"/></td>
        <td><input type="reset" name="button2" id="button2" value="Zurücksetzen" /></td>
      </tr>
    </table>
  </div>
  <p>&nbsp;</p>
  <p><br />
  </p>
</form>
<script type="text/javascript">
function deleteForm() {
    return confirm('Formular zurücksetzen?');
}

function submitForm() {
        return confirm('Formular senden?');
    }
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "date", {validateOn:["change"], format:"dd.mm.yyyy"});
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "none", {validateOn:["change"]});
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "date", {format:"dd.mm.yyyy", validateOn:["change"]});
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4", "none", {validateOn:["change"]});
var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5", "none", {validateOn:["change"]});
var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield6", "none", {validateOn:["change"]});
var sprytextfield7 = new Spry.Widget.ValidationTextField("sprytextfield7", "none", {validateOn:["change"]});
var sprytextfield8 = new Spry.Widget.ValidationTextField("sprytextfield8", "none", {validateOn:["change"]});
var sprytextfield9 = new Spry.Widget.ValidationTextField("sprytextfield9", "currency", {format:"dot_comma", validateOn:["change"]});
var sprytextfield10 = new Spry.Widget.ValidationTextField("sprytextfield10", "date", {format:"dd.mm.yyyy", validateOn:["change"]});
var sprytextfield11= new Spry.Widget.ValidationTextField("sprytextfield11", "email", {validateOn:["change"]});
</script>
</body>
</html>