afbeelding in input

he bij http://www.xlwebs.nl/
zie ik een afbeeldingetje staan links. Hoe doe je dat? alvast bedankt

Zoiets volgens mij, even snel uit mn hoofd:

<form method="post" action="">
<input name="naam" value="voorbeeld" type="text" size="20" />
<input style="border: 0px none ;" src="images/plaatje.png" type="image">
</form>

Josnl schreef:

Zoiets volgens mij, even snel uit mn hoofd:

<form method="post" action="">
<input name="naam" value="voorbeeld" type="text" size="20" />
<input style="border: 0px none ;" src="images/plaatje.png" type="image">
</form>

Dankje en vooral om zo snel te antwoorden
Getest : werkt niet

Je kan het ook gewoon in een afbeelding verwerken.

met css

.login {width:??px; height:??px; background: url(afbeelding.ext);}

en dan in je html:

<input name="naam" value="voorbeeld" type="text" class="login" />

de afbeelding moet je dan natuurlijk zelf maken

dankje

Kon je natuurlijk ook in me broncode zien

Nielsie schreef:

Kon je nauurlijk ook in me broncode zien

al geprobeerd

Zij hebben dit:

<form action="http://www.xlwebs.nl/includes/recources/login.php" method="POST"> 
Gebruikersnaam: <input type="text" name="login_naam" class="user_input"  maxlength="12" /><br /> 
Wachtwoord: <input type="password" name="login_pass" class="pass_input" maxlength="16" /><br /><br /> 
<a href="http://www.xlwebs.nl/registreer" style="float: left;">Nog geen website?</a><input style="float: right;" type="submit" class="submit_user" value="" name="login_submit" /> 
<div class="clear"> </div> 
</form>

en is de ccs:

.user_input { background: url(../images/input/user-bg.gif) no-repeat; height: 15px; width: 134px; border: 0; margin-left: 23px; padding: 2px; padding-left: 20px; font-size: 10px; overflow: hidden; }
.pass_input { background: url(../images/input/pass-bg.gif) no-repeat; height: 15px; width: 134px; border: 0; margin-left: 24px; padding: 2px; padding-left: 20px; font-size: 10px; overflow: hidden; }
.submit_user{ background: url(../images/input/logg-bg.gif) no-repeat; border: 0; padding: 0; height: 19px; width: 72px; margin-right: 20px; }

Het zelfde als Marjolein