Farbige Text-Eingabe-Box

eMail eingeben

<TR> <TD align=middle colSpan=3> <FONT face=Verdana color=#000066 size=2><B>eMail eingeben</B></FONT><INPUT style="BORDER-RIGHT: #ffcc99 1px solid; BORDER-TOP: #ffcc99 1px solid; FONT-SIZE: 12pt; BORDER-LEFT: #ffcc99 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #ffcc99 1px solid; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #9999ff" TYPE="TEXT" size=30 NAME="email"></TD></TR>

eMail eingeben

<SCRIPT language="JavaScript1.2">
<!--
function eingabehilfe(feld,mode,defvalue)
{
if(mode=="enter")
{ if(feld.value==defvalue)
{ feld.value=""; }
}
else if(mode=="leave")
{ if(feld.value=="")
{ feld.value=defvalue; }
}
}
//-->
</SCRIPT>

<TR>
<TD align=middle> <FONT face=Verdana color=#000066 size=2><B>eMail eingeben</B></FONT><BR>
<input style="border-right: #ffcc99 1px solid; border-top: #ffcc99 1px solid; font-size: 8pt; border-left: #ffcc99 1px solid; color: #000099; border-bottom: #ffcc99 1px solid; font-family: Verdana; background-color: #FFFFFF; text-align : center" type="text" name="SONSTIGES" size="18" maxlength="255" value="E-Mail" onblur="eingabehilfe(this,'leave','E-Mail'); style.background='#ffffff';" onfocus="style.background='#ccccff'"; onclick="eingabehilfe(this,'enter','E-Mail');"></input> </TD></TR>


Ohne Platzhalter-Ränder bei InputBox und Form
und mit Hintergrung-Bild

<form name="Anzeige" style="display : inline"><input type="text" style="background-image: url(dat/input.jpg)" name="text" size="18">
</form>