Can you combine an image map and a form?

User 515922 Photo


Registered User
57 posts

Ok, weird question, but it would be really cool.
I was just going over the specifications for HTML4 and 5. I just read that you can use "ismap" in an input form. It didn't give any examples or specify anything but it got me thinking....
Is it possible to combine an image map and a submit form?
Say you had a picture of 2 girls in bikinis at the beach and they are each holding a white blank sign.
Can you make that into an image map where the web visitor could enter their name on one sign and their email on the other?
And then map a coconut on the ground as the submit button?
I welcome any and all replies !
Thanks,
Gary
Beer is proof that God loves us and wants us to be happy. - Benjamin Franklin
User 187934 Photo


Senior Advisor
20,245 posts
Online Now

It would require altering the html and the css to customize it to hide the input outline and so on.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 38401 Photo


Senior Advisor
10,951 posts

You might be able to finagle a theme change or something to accommodate it also. Make an image you want to be the background of the form basically and you'd have to change that theme's files to do it, but it's probably doable too.
User 515922 Photo


Registered User
57 posts

I've spent hours searching on this with very little results. I sure wish I could get an example or something I could play with.
Thanks for your responses!
Beer is proof that God loves us and wants us to be happy. - Benjamin Franklin
User 10077 Photo


Senior Advisor
1,096 posts

The only way that I know of at this time is to use the images as a background. The issue would be on a responsive form where items move around. However, if you have a form that is completely static, I would think that it shouldn't be too hard to get everything to position right where you want it.
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
User 38401 Photo


Senior Advisor
10,951 posts

Hmm not sure how it would work, but you might be able to put a background within a container and the form inside that container. You might need to play with the size of the background and/or form to get it to work well when shrunk down on smaller devices (phone really isn't something you should worry about here as the background probably shouldn't show on a phone for the form anyways). Just some food for thought there. :)
User 515922 Photo


Registered User
57 posts

Brian, I thought of that also about a responsive form. Might be difficult to keep things lined up.
But if the picture WAS the form making it bigger and smaller wouldn't be much trouble.
Still wondering if it's even possible.
I like JoAnn's idea also, but it's still not what I was looking for.
I guess I just need to get out the old CC HTML editor and play a while.
If I make any progress at all I will post back here.
Thanks a lot guys! More replies, even just theory would be totally welcome!
Gary
Beer is proof that God loves us and wants us to be happy. - Benjamin Franklin

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.