View Full Version : Form help please

06-30-2011, 01:59 PM
Hi Guys/Gals,

I wish to recreate a form that is currently in word into HTML using Dreamweaver CS4.

I know how to insert a form and all the elements but I don't know how to style it.

Can I put divs inside the <form id="form1" name="form1" method=........? or do I have to set multiple forms on the one page?

If anyone could tell me or point me in the right direction of a tutorial I'd be very appreciative!

I have attached links to not only the word doc, but a screen shot off the doc incase you are worried about virii!

Where there is columns for yes/no I'd like to replace this with radio buttons!


Word Doc (http://msuth.co.uk/sample.doc)
PNG (http://msuth.co.uk/sample.png)

07-01-2011, 12:30 PM
Anyone got any suggestions???

07-01-2011, 02:53 PM
Not sure if its the best idea to import a word document, especially trying to create a form from it, into DW.

Thats a pretty complex form with lots of inputs that would be needed. Have you looked at some of the online form generator tools around?

Major Payne
07-01-2011, 10:02 PM
Word, WordPad, Publisher and even the infamous FrontPage, including many Microsoft web editors should NEVER be used for web pages. They guarantee that your web pages will NOT be cross-browser compatible because of all the Microsoft Schema code it adds. Only IE and Maxthon understand this code. Additionally, FrontPage requires server extensions be installed to work correctly. Also, OpenOffice is not a web editor.


Build a Web Form in Dreamweaver! (http://www.youtube.com/watch?v=7soyO5DwJMY)

Dreamweaver Tutorial - Create a Contact Form In Dreamweaver (http://dreamweaverspot.com/adobe-dreamweaver-tutorial-contact-forms/)

Other Sources (http://www.google.com/search?q=Creating+a+form+in+Dreamweaver&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-US:official&client=firefox-a)

07-04-2011, 09:38 AM
Hi guys, thanks for the replies.

I'm not wanting to do make this in word/frontpage/etc. I wish to make it in dreamweaver. What I want to know is can I split a form over several DIVs?

I'll go and have a look through those links just now thanks!

07-04-2011, 11:17 AM
Dear Msuth,

The layout in PNG is surely possible, but it won't be user friendly.

I would suggest you to split your form into multiple pages. It will be easier for you to code and style it, also it will be user friendly.

You must have noticed registration forms on many social or forums websites, where information is caputered through multi-page forms instead of single page.

Cheers :)

07-04-2011, 12:15 PM
Hi guys I solved it.

I put the top set of textboxes in a fieldset and applied a class to style it!

Vik I'll look into using multiple pages thanks!

07-04-2011, 01:15 PM
Msuth, U r welcome :)