Um eine Grafik als Hintergrund eines Eingabefeldes
zu definieren, müssen Sie lediglich dem Style
Tag mit CSS die Eigenschaft background-image angeben.
Beispiel:
<html>
<head>
</head>
<body><form>
<input type="text" style="background-image:
url(../gifs_browser_bilder.gif)" name="text"></form>
</body>
</html>
Sie können aber auch ein Eingabefeld in eine
Grafik einbinden. Hierfür setzen Sie ersteinmal
eine Tabelle, definieren dann eine Hintergrundgrafik
und setzen dann in eine Zeile das Eingabefeld des
Formulars. Nun müssen Sie dem Eingabefeld nur
noch mit CSS die Hintergrundeigenschaft transparent
zuweisen.
Beispiel für den Quellcode:
<table style="background-image:
url(images/bild.jpg)">
<tr>
<td>
<input type="text" style="background
: transparent" name="text">
</td>
</tr>
</table>
Das gibt der Browser in diesem Beispiel aus:
Beachten Sie, dass die beiden großen Browser
Netscape und IE diesen Code erst ab der Version 5
richtig interpretieren können.
|
