custom form button

liunx · Jan 9, 2008

now if I have a imple html form, in orde for it to get submitted I need to have a submit button 
<input type = "submit"> 
 
I was wondering if there is a way to have a custom image as the button and to have the form be submitted whn the user clicks on the image. How can this be achieved (with or without Javascript)Try this: 
 
<button type="submit" name="submit" value="Submit"><img src=http://www.webdeveloper.com/forum/archive/index.php/"submitimg.gif"/>Submit</button>If you go here 
<a class="postlink" href="http://matrix.csis.pace.edu/~s03-cs389-s07/index.html">http://matrix.csis.pace.edu/~s03-cs389-s07/index.html</a> 
and click on the login you can see that the button has the graphic on top but still has the grey area behind it. How can I get rid of that? Also I do wish to have the imag be a roll over with Javascript, so how can I have the form get submitted within a javascript functionI think you are going to have to run a function, then. Try something like this: 
 
<head> 
function submitform() 
{ 
document.formname.submit(); 
} 
</head> 
<body> 
<a href=http://www.webdeveloper.com/forum/archive/index.php/"enablejavascript.htm" onclick="submitform(); return false;"><img src="your.gif"/></a>the actual way to do this would be as follows. 
 
<input type=img src=http://www.webdeveloper.com/forum/archive/index.php/submitimage.gif>Will that allow for rollovers?hmm. good point. i guess it would work 
 
<input type=image src=http://www.webdeveloper.com/forum/archive/index.php/submitimage.gif onMouseOver="whatever();"> 
 
But if it doesn't, you could always put span tags around it 
 
<input type=image src=http://www.webdeveloper.com/forum/archive/index.php/submitimage.gif>o and oops, i messed up on my frist post in this thread. its NOT <input type=img> 
 
it IS 
<input type=image><html> 
 
<head> 
 
<title>Welcome to Adobe GoLive 6</title> 
<SCRIPT language="JavaScript"> 
 
</SCRIPT> 
 
</head> 
<form action="http://matrix.csis.pace.edu:16143/pace/servlet/loginForm" method="post" name="login"> 
 
<body bgcolor="#ffffff"> 
This is the log in page 
Please enter your username and password: 
username <input type="text" name="username" size="24" border="0"> 
password <input type="text" name="password" size="24" border="0"> 
<img src = <a class="postlink" href="http://www.webdeveloper.com/forum/archive/index.php/">http://www.webdeveloper.com/forum/archive/index.php/</a>"submitoff.jpg" name="button" onClick = "javascript:submitFrom()"></a> 
 
 
 
 
</body> 
</form> 
</html> 
 
error: Line 25 (theone with the javascript:submitForm()) 
char 1 
Error: Object Expected 
 
Any idea how to fix this?Typo on submitForm(). You have submitFrom().Thank you, I am an idiot. Thanx for the help and the quick response timeChange it to this: 
 
 
<html> 
<head> 
<title>Welcome to Adobe GoLive 6</title> 
</head> 
<form action="http://matrix.csis.pace.edu:16143/pace/servlet/loginForm" method="post" name="login"> 
 
<body bgcolor="#ffffff"> 
This is the log in page 
Please enter your username and password: 
username <input type="text" name="username" size="24" border="0"> 
password <input type="text" name="password" size="24" border="0"> 
<input type=image src=http://www.webdeveloper.com/forum/archive/index.php/imageoff.jpg> 
</form> 
</body> 
</html>

custom form button

liunx

Guest