naar onze homepage
 HTML
Tips

Mooie(re) formulieren?
Met tabellen en plaatjes maak je van eentonige formulieren iets heel anders.

Het idee is simpel en met wat fantasie kun je er heel wat van maken.
Standaard formulieren zijn praktisch, maar wel erg eentonig, en dat hoeft helemaal niet.
Gebruik kleine plaatjes rondom de velden zoals in onderstaand voorbeeld die de functionaliteit op geen enkele wijze beinvloeden.
* Plaatje links   <   >   Plaatje rechts. *

Naam:





Woonplaats:





E-mail:

Met kader.

Naam:





Woonplaats:





E-mail:

Hoe doe je dat?
Daarvoor heb je een tabel nodig met 5 x 5 cellen.
In de eerste kolom onder elkaar: Naam, Woonplaats en E-mail met een lege cel ertussen voor de afstand.
De tweede kolom is een afstandhouder.
In de derde kolom de zitten de linkse plaatjes.
In de vierde kolom gaan de velden.
In de vijfde kolom de plaatjes die rechts moeten verschijnen.

Source.

<form>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>naam:</td>
<td><br></td><td><img src="pics/trfl.gif" width="19" height="35"></td>
<td bgcolor="#ff0000"> <input type="text" name="textfield4" style="background-color: yellow;"></td>
<td><img src="pics/trfr.gif" width="19" height="35"></td>
</tr>
<tr>
<td><br></td>
<td><br></td>
<td><br></td>
<td><br></td>
<td><br></td>
</tr>
<tr>
<td>woonplaats:</td>
<td><br></td>
<td><img src="pics/trfl.gif" width="19" height="35"></td>
<td bgcolor="#ff0000"> <input type="text" name="textfield22" style="color: white; background-color: green;"></td>
<td><img src="pics/trfr.gif" width="19" height="35"></td>
</tr>
<tr>
<td><br></td>
<td><br></td>
<td><br></td>
<td><br></td><td><br></td>
</tr>
<tr>
<td>e-mail:</td>
<td><br></td>
<td><img src="pics/trfl.gif" width="19" height="35"></td>
<td bgcolor="#ff0000">
<input type="text" name="textfield32" style="background-color: silver;">
</td>
<td><img src="pics/trfr.gif" width="19" height="35"></td>
</tr>
</table>