Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8
  1. #1
    New Coder
    Join Date
    Jun 2011
    Posts
    32
    Thanks
    13
    Thanked 0 Times in 0 Posts

    Form help please

    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!

    Thanks!


    Word Doc
    PNG

  • #2
    New Coder
    Join Date
    Jun 2011
    Posts
    32
    Thanks
    13
    Thanked 0 Times in 0 Posts
    Anyone got any suggestions???

  • #3
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    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?
    Teed

  • Users who have thanked teedoff for this post:

    Msuth (07-04-2011)

  • #4
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    845
    Thanks
    11
    Thanked 79 Times in 77 Posts
    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.

    Better:

    Build a Web Form in Dreamweaver!

    Dreamweaver Tutorial - Create a Contact Form In Dreamweaver

    Other Sources
    ☠ ☠RON☠ ☠

  • Users who have thanked Major Payne for this post:

    Msuth (07-04-2011)

  • #5
    New Coder
    Join Date
    Jun 2011
    Posts
    32
    Thanks
    13
    Thanked 0 Times in 0 Posts
    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!

  • #6
    Regular Coder
    Join Date
    Jul 2011
    Location
    India
    Posts
    496
    Thanks
    3
    Thanked 57 Times in 56 Posts
    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

  • Users who have thanked vikram1vicky for this post:

    Msuth (07-04-2011)

  • #7
    New Coder
    Join Date
    Jun 2011
    Posts
    32
    Thanks
    13
    Thanked 0 Times in 0 Posts
    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!

  • #8
    Regular Coder
    Join Date
    Jul 2011
    Location
    India
    Posts
    496
    Thanks
    3
    Thanked 57 Times in 56 Posts
    Msuth, U r welcome


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •