Regitrierungsformular auf einem Portal für Autos

Css-Html Link, für externe Seiten.

<link href=”css/style.css” rel=”stylesheet” type=”text/css”>

Durch CSS ist es nicht mehr nötig Tabellen zu erstellen, damit Formulare eingetragen werden können. Die bedeutet jedoch nicht, dass keine Tabellen mehr erlaubt sind.

Diese Webseite bietet Ihnen die Möglichkeit sich bei Interesse nach gebrauchten und neuen Autos umzuschauen. Auf ein Auto kann, und will man heutzutage nicht mehr verzichten. Dort kann auch kostenlos inseriert werden. Diese Webseite ist auch für Händler gedacht.

Html Definition für das Registrierungs-Formular von zum Beispiel www.carstart.de

<table width=”574? cellpadding=”0? cellspacing=”0? style=”padding-left:5px; padding-top:5px;”>
<tr>
<td height=”700? valign=”top”>

<form method=”POST” action=”/anmeldung-autoverkauf/”>

<input type=”hidden” name=”exec” value=”1?>

<table width=”450? cellpadding=”0? cellspacing=”0? style=”margin-bottom:20px; margin-top:10px;”>
<tr>
<td colspan=”2? bgcolor=”#ffc20f” class=”text_f1_bw” height=”20? style=”padding-left:5px; border-bottom: 1px solid #898988;”><b>Privatkunden - Anmeldung</b></td>
</tr>

<tr>
<td>
<table cellspacing=”3? cellpadding=”1? width=”100%” height=”100%” style=”border-left:1px solid #898988; border-bottom:1px solid #898988; border-right:1px solid #898988;”>
<tr>
<td width=”200? style=”height:25px; padding-left:5px; padding-top:5px;”>Vor-/Nachname:</td>
<td style=”padding-top:5px;”>
<select name=”Gender”>
<option value=”Herr”>Herr</option><option value=”Frau”>Frau</option>
</select>
<input type=”text” name=”Firstname” value=”” style=”width:68px;”>
<input type=”text” name=”Lastname” value=”” style=”width:69px;”>
</td>
</tr>

<tr>
<td style=”height:25px; padding-left:5px;”>E-Mail Adresse:</td>
<td><input type=”text” name=”EMailAddress” value=”” style=”width:200px;”></td>
</tr>

// Passwörter werden prinzipiell als Punkte dargestellt. Dies ist eine reine Sicherheitseinrichtung
<tr>
<td style=”height:25px; padding-left:5px;”>Passwort:</td>
<td>
<input type=”password” name=”Password” style=”width:200px;”>
</td>
</tr>
<tr>
<td style=”height:25px; padding-left:5px; padding-bottom:5px;”>Passwort wiederholen:</td>
<td style=”padding-bottom:5px;”>
<input type=”password” name=”PasswordConfirm” style=”width:200px;”>
</td>
</tr>
</table>
</td>
</tr>
</table>

//Ab hier beginnt das Zugangscode-Formular. Es ist äußerst wichtig, dass der Zugangscode genauso eingetragen wird, wie er vorgegeben wird.
Das heißt, bitte unbedingt auf Groß/Kleinschreibung achten.

<table width=”450? cellpadding=”0? cellspacing=”0? style=”margin-bottom:10px;”>
<tr>
<td colspan=”2? bgcolor=”#ffc20f” class=”text_f1_bw” height=”20? style=”padding-left:5px; border-bottom: 1px solid #898988;”><b>Zugangscode</b></td>
</tr>

<tr>
<td>
<table cellspacing=”3? cellpadding=”1? width=”100%” height=”100%” style=”border-left:1px solid #898988; border-bottom:1px solid #898988; border-right:1px solid #898988;”>
<tr>
<td width=”150? style=”padding-left:5px;”>
<img src=”/security/pin?t=091013055621? width=”140? height=”60? style=”border: solid 1px #000000?>
</td>
<td valign=”top”>
<table cellpadding=”0? cellspacing=”0? width=”100%” height=”100%”>
<tr>
<td valign=”top”>Bitte übertragen Sie den abgebildeten Zugangscode in das folgende Feld.</td>

</tr>
<tr>
<td><b>Zugangscode</b>:  <input type=”text” maxlength=”5? name=”PIN” value=”” style=”width:70px; font-size:16px; font-weight:bold;”></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

//Ab hier müssen die Bedingungen akzeptiert werden, in dem ein Häkchen gesetzt wird, ansonsten ist es nicht möglich, sich zu registrieren.

<table width=”450? cellpadding=”0? cellspacing=”0? style=”margin-left:10px;”>
<tr>
<td width=”25?>
<input type=”checkbox” name=”Terms” value=”accepted”>
</td>
<td>

Ich akzeptiere die <a href=”/terms” target=”_blank”>Allgemeinen Geschäftsbedingungen</a>.
</td>
</tr>

<tr>
<td style=”padding-top:15px;”>
<input type=”checkbox” name=”Privacy” value=”accepted”>
</td>
<td style=”padding-top:15px;”>

Ich habe die <a href=”/privacy” target=”_blank”>Datenschutz-Richtlinien</a> gelesen und erkläre mich damit einverstanden.
</td>
</tr>
</table>

//Ab hier kommt der Button für das kostenlose Anmelden.

<table width=”450? cellpadding=”0? cellspacing=”0? style=”margin-top:15px;”>
<tr>
<td align=”right”><input type=”submit” value=”Jetzt kostenlos anmelden” style=”width:170px; height:22px;”></td>
</tr>
</table>
</form></td>
</tr>
</table>

Hier die CSS Definition:
// In diesem Formular wird nur die Klasse für den Text definiert. Alle anderen Werte wurden direkt in den Formularen definiert.

.text_f1_bw
}
font-family: Times, Courier, Helvetica, serif, Monotype Corsiva ;
font-size: 12px;
font-color: #ff0000;
{

Die hier angegebenen Werte sind nur Beispielwerte.

Comments are closed.