Картинка вместо бутон

[spaidur]

как мога да направя така че на тарсачката ми на бутона където е търси да е с картинка и полето в което и то да е с картинка как става това ето и кода

<div align="center">
	<SCRIPT LANGUAGE="Javascript" SRC="check.js"></SCRIPT>
    <form name="SearchForm" action="search.php" method="get">
		<input type="text" name="search" />
		<input type="button" value="Търси" onClick="javascript: submitform()"/>
    </form>
    </div>

мерси

 

[emagi]

<div align="center">
<SCRIPT LANGUAGE="Javascript" SRC="check.js"></SCRIPT>
<form name="SearchForm" action="search.php" method="get">
<input type="text" name="search" />
<input type="image" src="....пътя до картинката" value="submit" onClick="javascript: submitform()"/>
</form>
</div>

 

[spaidur]

<div align="center">
<SCRIPT LANGUAGE="Javascript" SRC="check.js"></SCRIPT>
<form name="SearchForm" action="search.php" method="get">
<input type="text" name="search" />
<input type="image" src="....пътя до картинката" value="submit" onClick="javascript: submitform()"/>
</form>
</div>

а как да направя полето за вавеждане да е и то с картинка

 

[emagi]

http://web-tourist.net/forum/viewtopic.php?t=52918&highlight=input

 

[spaidur]

http://web-tourist.net/forum/viewtopic.php?t=52918&highlight=input

не искам малка картинка искам е не6то акто това http://morz.hit.bg/searchbar.jpg

 

[emagi]

НЯма проблем!Става по следния начин!Задаваш на тага <form></form> някакво изображение като background, и центрираш полето input

 

[emagi]

Ето ти пример:
http://store2.data.bg/pwizard/proba/Untitled-1.html
Това е и кода:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<form method="post" action="" style="background:url(searchbar.jpg) no-repeat left top; width:600px; height:250px">
<input type="text" name="" style="width:310px; height:25px; border:none; position:absolute; margin-left:91px; margin-top:84px; font-size:24px" maxlength="26" />
</form>
</body>
</html>

 

[spaidur]

Ето ти пример:
http://store2.data.bg/pwizard/proba/Untitled-1.html
Това е и кода:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<form method="post" action="" style="background:url(searchbar.jpg) no-repeat left top; width:600px; height:250px">
<input type="text" name="" style="width:310px; height:25px; border:none; position:absolute; margin-left:91px; margin-top:84px; font-size:24px" maxlength="26" />
</form>
</body>
</html>

+ 1