HTML-Formulare - Beispiele

16.05 2007
0

Verwenden Sie diese Beispielvorlagen für ein Kontaktformular und ein Registrierungsformular für Ihre Homepage. Natürlich können Sie alle Beispiele beliebig an Ihre Bedürfnisse anpassen. Kopieren Sie dazu einfach den HTML-Code der Vorlage.

Beispiel Kontaktformular

Abteilung:
Anrede: Herr Frau
Vorname:
Nachname:
Email:
Betreff:
Bitte schicken Sie mir Informationen über folgende Themen zu:
Produkte Messen Stellenangebote
Mitteilung:

Tipp: Verwenden Sie den WebMart Formular-Generator um einfach und schnell individuelle Formulare zu erstellen.


<form action="http://yourserver/contact.php" method="post">
<table border="0" cellspacing="0" cellpadding="2">
  <tbody>
    <tr>
      <td>Abteilung:</td>
      <td>
        <select name="Abteilung">
          <option value="Verkauf">Verkauf</option>
          <option value="Einkauf">Einkauf</option>
          <option value="Service">Service</option>
        </select>
      </td>
    </tr>
    <tr>
      <td>Anrede:</td>
      <td>
        <input checked="checked" name="Anrede" type="radio" value="Herr" /> Herr
        <input name="Anrede" type="radio" value="Frau" /> Frau
      </td>
    </tr>
    <tr>
      <td>Vorname:</td>
      <td>
        <input maxlength="50" name="Vorname" size="45" type="text" />
      </td>
    </tr>
    <tr>
      <td>Nachname:</td>
      <td>
        <input name="Nachname" size="45" type="text" />
      </td>
    </tr>
    <tr>
      <td>Email:</td>
      <td>
        <input name="Email" size="45" type="text" />
      </td>
    </tr>
    <tr>
      <td>Betreff:</td>
      <td>
        <input name="Betreff" size="45" type="text" />
      </td>
    </tr>
    <tr>
      <td></td>
      <td>
        Bitte schicken Sie mir Informationen über folgende Themen zu:<br />
        <input name="Infos" size="Produkte" type="checkbox" /> Produkte
        <input name="Infos" size="Messen" type="checkbox" /> Messen
        <input name="Infos" size="Stellenangebote" type="checkbox" /> Stellenangebote
      </td>
    </tr>
    <tr>
      <td>Mitteilung:</td>
      <td><textarea cols="30" rows="5" name="Mitteilung">Ihre Mitteilung</textarea></td>
    </tr>
    <tr>
      <td></td>
      <td>
        <input type="submit" value="Abschicken" />
      </td>
    </tr>
  </tbody>
</table>
</form>

Beispiel Registrierungsformular

Firma:
Anrede:
Vorname:
Nachname:
Strasse:
PLZ:
Ort:
Land:
Homepage:
Email:

Tipp: Verwenden Sie den WebMart Formular-Generator um einfach und schnell individuelle Formulare zu erstellen.

<form action="http://yourserver/register.php" method="post">
<table border="0" cellspacing="2" cellpadding="2">
  <tbody>
    <tr>
      <td align="right">Firma:</td>
      <td>
        <input maxlength="50" name="Firma" size="45" type="text" />
      </td>
    </tr>
    <tr>
      <td align="right">Anrede:</td>
      <td>
        <select name="geschl">
          <option value="0">Bitte wählen</option>
          <option value="m">Herr</option>
          <option value="f">Frau</option>
        </select>
      </td>
    </tr>
    <tr>
      <td align="right">Vorname:</td>
      <td>
        <input maxlength="50" name="Vorname" size="45" type="text" />
      </td>
    </tr>
    <tr>
      <td align="right">Nachname:</td>
      <td>
        <input maxlength="50" name="Nachname" size="45" type="text" />
      </td>
    </tr>
    <tr>
      <td align="right">Strasse:</td>
      <td>
        <input maxlength="50" name="Strasse" size="45" type="text" />
      </td>
    </tr>
    <tr>
    <td align="right">PLZ:</td>
    <td>
      <input maxlength="5" name="PLZ" size="7" type="text" />
    </td>
    </tr>
    <tr>
      <td align="right">Ort:</td>
      <td>
        <input maxlength="50" name="Ort" size="45" type="text" />
      </td>
    </tr>
    <tr>
      <td align="right">Land:</td>
      <td>
        <input name="Land" size="45" type="text" value="Deutschland" />
      </td>
    </tr>
    <tr>
      <td align="right">Homepage:</td>
      <td>
        <input name="Homepage" size="45" type="text" value="http://" />
      </td>
    </tr>
    <tr>
      <td align="right">Email:</td>
      <td>
        <input maxlength="80" name="Email" size="45" type="text" />
      </td>
    </tr>
    <tr>
      <td></td>
      <td>
        <input type="submit" value="Registrieren" />
      </td>
    </tr>
  </tbody>
</table>
</form>

Folgen Sie WebMart auf Twitter, um automatisch über Neuigkeiten in diesem Blog informiert zu werden.


Kommentare