Formular - HTML II.

	H T M L Formular II.

HTML-Formular II.

Zunächst das Beispiel, unterhalb dann Erklärung/Quelltext:

» F e e d b a c k ... Nachricht senden - vielen Dank für deine Anregung...

Durch das Herumlegen von zwei weiteren Tabellen - wobei die innere dieser beiden Tabellen den Wert cellspacing="1" erhält - bekommt das Formular eine feine Haarlinien-Umrahmung.

Um den Absende-Button auch "minimal" zu gestalteten, wird dieser in eine Tabelle gelegt.

Alle Formularelemente erhalten einen Mouseover-Event. Die kleine Grafik links (Vorsicht, bewaffnete Frau...) wird dadurch gewechselt.

Beim Absende-Button wird zusätzlich die Hintergrundfarbe per JavaScript-Anweisung "document.bgColor='Farbangabe'" getauscht.

So sieht der Quelltext aus (komplette HTML-Seite):

<html>
<head>
<title>Formular - HTML II.</title>
</head>

<div width="550" align="left"><font color="#262c20"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&raquo;&nbsp;&nbsp;F e e d b a c k</b></font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<font color="#000000">... Nachricht senden - vielen Dank für deine Anregung...</font></div>

Deine E-Mail:&nbsp;
<input type="Text" name="d_mail" value="" size="20" maxlength="50" onmouseover="power.src='gun_woman_2.gif'" onmouseout="power.src='gun_woman_1.gif'"><br><br>

Kommentar zur Mouseover-Seite:
<textarea name="comment" cols="30" rows="5" onmouseover="power.src='gun_woman_2.gif'" onmouseout="power.src='gun_woman_1.gif'" ></textarea></td>
</tr>
</table>
</form>
</td>
</tr>
</table>

</td>
</tr>
</table>

</body>
</html>

weiter »