Menu

Add form to Dreamweaver website

Help
Debbie
2008-03-26
2013-06-03
  • Debbie

    Debbie - 2008-03-26

    I have already created the html page in Dreamweaver that I would like the form fields to be displayed in. How do I insert the form fields into the html page? For example what do I need to copy out of the pages that PHPFormGenerator created and where do I need to paste them to? Here is a copy of the code from the html page that I would like to insert the form fields into.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><!-- #BeginTemplate "Templates/fullscreen-white-template.dwt" --><!-- DW6 -->
    <head>

    <!-- #BeginEditable "doctitle" -->
    <title>League Registration</title>
    <!-- #EndEditable -->

    <!-- #BeginEditable "keywords" -->
    <meta name="Keywords" content="place your keywords here" />
    <!-- #EndEditable -->

    <!-- #BeginEditable "description" -->
    <meta name="Description" content="place a description for your webpage here" />
    <!-- #EndEditable -->

    <link href="styles/stylesheet.css" rel="stylesheet" type="text/css" />
    <link href="styles/menu.css" rel="stylesheet" type="text/css" />
    <link href="styles/fullscreen-white.css" rel="stylesheet" type="text/css" />

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <script src="javascript/special_functions.js" language="JavaScript" type="text/javascript"></script>
    <script type="text/javascript" src="swfobject.js"></script>
    <!-- #BeginEditable "scripting" -->
    <script language="javascript" type="text/javascript">
    // if this page is in:
    //   the root folder, then set this variable to ./
    //   a sub folder one level deep, then set this variable to ../
    //   a sub folder two levels deep, then set this variable to ../../
    var rootFlashLocation = "./";
    var music_on = "0";    // 0 = off, 1 = on
    var clock24hour = "0"; // 0 = 12 hour clock, 1 = 24 hour clock
    </script>
    <!-- #EndEditable -->
    </head>

    <body>
    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="main-table">
      <tr>
        <td height="100%" class="main-left">
        <img src="graphics/left-top.jpg" alt="topleft" width="110" height="640" /></td>
        <td height="100%" class="main-center"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td class="center-1">
            <table width="100%" border="0" cellpadding="0" cellspacing="0" class="t3" style="border-collapse: collapse">
                <tr>
                    <td class="t1">
    <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
        <tr>
            <td class="logo-layer"><!-- #BeginLibraryItem "/Library/logo.lbi" --><div id="logo-div">
    <script type="text/javascript">
    var so = new SWFObject("flash/logo/logo.swf", "logo-div", "400", "110", "6");
    so.addParam("wmode", "transparent");
    so.write("logo-div");
    </script>
    </div><!-- #EndLibraryItem --></td>
            <td width="191" class="template-images"><!-- #BeginLibraryItem "/Library/template images.lbi" --><div id="images-div">
    <script type="text/javascript">
    var so = new SWFObject("flash/flash-images/template-images.swf", "images-div", "191", "110", "6");
    so.addParam("wmode", "transparent");
    so.write("images-div");
    </script>
    </div><!-- #EndLibraryItem --></td>
        </tr>
    </table>
                    </td>
                </tr>
            </table>
            </td>
          </tr>
          <tr>
            <td class="template-g2">
            <table width="100%"  border="0" cellpadding="0" cellspacing="0" class="template-g2">
              <tr>
                <td class="template-g1">
                <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
                    <tr>
                        <td width="186">

        <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
            <tr>
                <td class="menuheading"><font color="#AAB7CC">SITE NAVIGATION</font></td>
            </tr>
        </table>
       
    </td>
                        <td width="16">&nbsp;</td>
                        <td width="156">&nbsp;</td>
                        <td><!-- #BeginLibraryItem "/Library/horizontal menu.lbi" -->
    <div class="horizontal-menu" align="right">
    <b><a href="index.htm">Home</a> |

    <a href="facilities.htm">Facilities</a> |

    <a href="tournaments.htm">Tournaments</a> |

    <a href="pictures.htm">Pictures</a> |

    <a href="social_activities.htm">Social Activities</a> |

    <a href="contact_us2.htm">Contact Us</a></b></div>
    <!-- #EndLibraryItem --></td>
                    </tr>
                </table>
                </td>
                <td class="template-g3">&nbsp;</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td class="center-3">
            <table width="100%"  border="0" cellspacing="0" cellpadding="0" class="c6">
              <tr>
                <td class="m2" style="text-align: center"><table width="200" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td class="m1">
                    <table border="0" style="border-collapse: collapse" width="100%" cellpadding="0">
                        <tr>
                            <td class="verticalmenuFrontPage"><!-- #BeginLibraryItem "/Library/css-menu.lbi" --><div id="CSSMenubar">
            <ul class="myVerticalMenu">
                <li><a href="index.htm" title="Home">Home</a></li>
                <li><a href="freeagent_form.htm" title="free agent form">Free Agent Sign Up</a></li>
              <li><a href="tournaments.htm" title="Tournaments">Tournaments</a></li>
              <li><a href="social_activities.htm" title="Social Activities">Social Activities</a></li>
              <li><a href="pictures.htm" title="Pictures">Pictures</a></li>   
      </ul>
    </div><!-- #EndLibraryItem --></td>
                        </tr>
                    </table>
                    </td>
                  </tr>
                  <tr>
                    <td valign="top"><table width="200" border="0" cellpadding="0" cellspacing="0" class="mboxes">
                      <tr>
                        <td class="mbox1"><font color="#294252"><b>Resources</b></font></td>
                      </tr>
                      <tr>
                        <td class="mbox2">

    <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
        <tr>
            <td align="center"><b><font color="#F2D87B">Site Search</font></b></td>
        </tr>
        <tr>
            <td>

    <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
        <tr>
            <td><!-- #BeginLibraryItem "/Library/google search.lbi" --><FORM target="_blank" name='searchForm' method=GET action="http://www.google.com/search" style='display:inline;'>

    <!-- SiteSearch Google -->
    <input type=hidden name=ie value=UTF-8>
    <input type=hidden name=oe value=UTF-8>
    <input type=hidden name=btnG VALUE="Google Search">
    <input type=hidden name=domains value="www.missourisandvolleyball.com">    <!-- change the value to your domain name. example:  www.yourweb.com change to www.i3dthemes.com -->
    <input type=hidden name=sitesearch value="www.missourisandvolleyball.com"> <!-- change the value to your domain name. example:  www.yourweb.com change to www.i3dthemes.com -->
    <!-- SiteSearch Google -->
    <input name="search" type=image style="border-width: 0" src="graphics/searchbutton.jpg" alt="search" align="left">
    <INPUT class='search_input' TYPE=text name=q size=12 maxlength=255 value="">
    </form><!-- #EndLibraryItem --></td>
        </tr>
    </table>

            </td>
        </tr>
    </table>

    <p align="center">
                        <img src="images/volleyball.jpg" alt="" /> </p></td>
                      </tr>
                      <tr>
                        <td class="mbox3">&nbsp;</td>
                      </tr>
                    </table>

        <div align="left">
            <table width="182" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
                <tr>
                    <td align="center"><hr width="80%" size="1" class="hr" />
                    </td>
                </tr>
                <tr>
                    <td>

        <table width="182" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
            <tr>
                <td valign="top" width="4">&nbsp;
    </td>
                <td valign="top" width="172">
    <!--Start Scroller Script-->
    <!-- TO REMOVE THE SCROLLER, DELETE THE FOLLOWING TWO LINES -->
    <script type="text/javascript">var iframesrc="scroller/scroller_content.htm"</script>
    <script type="text/javascript" src="scroller/scroller.js"></script>
    <!-- TO EDIT THE SCROLLER, EDIT THE iframe_content.htm PAGE -->
    <!--End Scroller Script--></td>
            </tr>
        </table>
       
                    </td>
                </tr>
                <tr>
                    <td align="center"><hr width="80%" size="1" class="hr" />
                    </td>
                </tr>
            </table>
        </div>
       
    </td>
                  </tr>
                  <tr>
                    <td valign="top"><div align="center">
                      <table width="200" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td class="bookmark">
                           
                            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
                              <tr>
                                <td class="addtofavorites"><!-- #BeginLibraryItem "/Library/bookmark.lbi" --><!--Start Favorites-->
    <a href="javascript:bookmark()"><img src="graphics/favorites.jpg" alt="bookmark" border="0" /></a>
    <!--End Favorites--><!-- #EndLibraryItem --></td>
                </tr>
                              </table>    </td>
                            <td class="contact">
                              <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse">
                                <tr>                              </tr>
                                </table>                     
                        </tr>
                      </table>
                    </div></td>
                  </tr>
                  <tr>
                    <td valign="top">&nbsp;</td>
                  </tr>
                </table></td>
                <td class="c2">
                <img src="graphics/c1.jpg" alt="c1" width="24" height="200" border="0" /></td>
                <td class="center-3">
                <table width="100%" border="0" cellpadding="0" cellspacing="0" class="c5" style="border-collapse: collapse">
                    <tr>
                        <td class="c3">
                        <table border="0" style="border-collapse: collapse" width="100%" id="table12">
                            <tr>
                                <td><!-- #BeginEditable "banner" -->
    <table border="0" style="border-collapse: collapse" width="100%" cellpadding="0"><tr>
    <td class="banner"><div align="center"></div></td>
    </tr>
    </table>
                                <!-- #EndEditable --></td>
                            </tr>
                        </table>
                        <table width="100%" border="0" cellpadding="0" cellspacing="0" id="table13" style="border-collapse: collapse">
                            <tr>
                                <td><!-- #BeginEditable "body1" -->
    <table border="0" style="border-collapse: collapse" width="100%" cellpadding="0"><tr>
    <td  class="body1" valign="top">

    </td></tr>
    </table>
                                                            <!-- #EndEditable --></td>
                            </tr>
                        </table>
                        </td>
                    </tr>
                </table>
                </td>
                <td class="c8">
                <img src="graphics/c7.jpg" alt="c8" width="22" height="200" border="0" /></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td class="center-4"><table width="100%"  border="0" cellpadding="0" cellspacing="0" class="template-b3">
              <tr>
                <td class="template-b1">&nbsp;</td>
                <td class="template-b2">

        <table border="0" style="border-collapse: collapse" width="100%" cellpadding="0">
            <tr>
                <td class="copyright"><!-- #BeginLibraryItem "/Library/copyright.lbi" -->Copyright © 2008 Missouri Sand Volleyball & Social Club Inc. All Rights
                Reserved.<!-- #EndLibraryItem --></td>
            </tr>
        </table>

        </td>
                <td class="template-b4">&nbsp;</td>
              </tr>
            </table></td>
          </tr>
        </table></td>
        <td height="100%" class="main-right">
        <img src="graphics/right-top.jpg" alt="topright" width="110" height="640" /></td>
      </tr>
    </table>
    </body>
    <!-- #EndTemplate --></html>

     
    • TNTEverett

      TNTEverett - 2008-03-28

      If you are using phpFormGenerator 3.o then it is a bit difficult for the average user.  The new version uses Java in the form file which would have to be imported into your new page as well as the form fields if you want to maintain the same functionality. 
      Otherwise if you just cut everything between "<form" and "</form>" then you can paste the form fields into any html in any location you choose. 
      I won't get into the Java code copying because it is alot more involved and can be done in a few different ways. 

       

Log in to post a comment.

Want the latest updates on software, tech news, and AI?
Get latest updates about software, tech news, and AI from SourceForge directly in your inbox once a month.