PDA

View Full Version : HTML Forms With A Difference...



Echo54321
29-06-2008, 03:01 PM
Hey All..

I'm wondering how to make a HTML form, where instead of a classic drop down, or radio butons choice, There is Images, each choice in the form is an Image, when you clikc the image the form automatically submits thinking the image you clicked is your choice.

It's probably possibly, i just hate HTML forms is all :)

I googled too, no luck

+REP, TY

Independent
29-06-2008, 03:42 PM
Hey All..

I'm wondering how to make a HTML form, where instead of a classic drop down, or radio butons choice, There is Images, each choice in the form is an Image, when you clikc the image the form automatically submits thinking the image you clicked is your choice.

It's probably possibly, i just hate HTML forms is all :)

I googled too, no luck

+REP, TY

<form action="somepage" method="post"><input type="file" /><input type="image" src="image.gif" value="submit" /></form>

Something along them lines.

Echo54321
29-06-2008, 03:53 PM
AHH!

THANKS

i was just coding, playing about and i coded this:

<FORM action="PAGE" method="post" name="NAME">
<INPUT type="radio" name="OPTION" value="OPT1" onClick="NAME.submit();"> YEH<BR>
<INPUT type="radio" name="OPTION" value="OP2" onClick="NAME.submit();"> YES<BR>
</FORM>


So i'll ad your code into that

and i have it

TY +REP

Independent
29-06-2008, 07:58 PM
AHH!

THANKS

i was just coding, playing about and i coded this:

<FORM action="PAGE" method="post" name="NAME">
<INPUT type="radio" name="OPTION" value="OPT1" onClick="NAME.submit();"> YEH<BR>
<INPUT type="radio" name="OPTION" value="OP2" onClick="NAME.submit();"> YES<BR>
</FORM>


So i'll ad your code into that

and i have it

TY +REP
Haha, try get rep power first, but thanks for the more-or-less empty rep utation. ;)

Decode
29-06-2008, 08:18 PM
<form action="somepage" method="post"><input type="file" /><input type="image" src="image.gif" value="submit" /></form>Something along them lines.
Wouldnt it be


<form action="somepage" method="post">
<input type="file" />
<input type="submit" style="background: url('IMAGEURL');" value="submit" /></form>

Want to hide these adverts? Register an account for free!