[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 172
  • Last Modified:

How to add form tags to fields in layers

Please look at the source for this page
http://www.cadenzasoftware.com/draft/homecare/contactus.html
This form code was presented to me to work with, but it has no <FORM></FORM> tags.  I've tried adding the tags in places that seemed logical, but it doesn't work.  Is it possible to add the tags, or do I need to redo the form?  I just need to process the form info.
0
ironfingers
Asked:
ironfingers
  • 2
  • 2
1 Solution
 
lexxwernCommented:
<div id="Layer5" style="position:absolute; width:130px; height:1px; z-index:7; left: 477px; top: 153px"> <div align="left"><input type="text" name="textfield"></div></div>
<div id="Layer2" style="position:absolute; width:62px; height:16px; z-index:6; left: 413px; top: 153px"> <form action="mailto:quikscor@ix.netcom.com"><div align="left"><select name="select" size="1"><option selected>Select</option>
<option>Mr.</option>
<option>Mrs.</option>
<option>Miss</option></select></div></div>
<div id="Layer1" style="position:absolute; width:51px; height:16px; z-index:5; left: 342px; top: 154px"> <div align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">
Name:</font></b></font></div></div>
<div id="Layer4" style="position:absolute; width:384px; height:53px; z-index:4; left: 262px; top: 96px"> <div align="justify"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Please
            provide the following contact information and describe yourself or
            the person that you are recommending:</font></div></div>
<div id="Layer3" style="position:absolute; width:129px; height:77px; z-index:3; left: 647px; top: 95px"> <div align="left"><img src="home_page_files/contactus_img.jpg" width="129" height="97"></div></div>
<div id="Layer10" style="position:absolute; width:155px; height:23px; z-index:12; left: 413px; top: 227px"> <div align="left">
<input type="text" name="textfield4" size="29"></div></div>
<div id="Layer9" style="position:absolute; width:155px; height:1px; z-index:11; left: 413px; top: 202px"> <div align="left"> <input type="text" name="textfield3" size="29"></div></div>
<div id="Layer8" style="position:absolute; width:93px; height:12px; z-index:10; left: 302px; top: 201px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Street
          Address:</font></b></font></div>
<div id="Layer7" style="position:absolute; width:155px; height:2px; z-index:9; left: 413px; top: 177px"> <div align="left"><input type="text" name="textfield2" size="29"></div></div>
<div id="Layer6" style="position:absolute; width:71px; height:16px; z-index:8; left: 314px; top: 176px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">
Organization:</font></b></font></div>
<div id="Layer15" style="position:absolute; width:108px; height:10px; z-index:17; left: 286px; top: 300px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Zip
          / Postal Code:</font></b></font></div>
<div id="Layer14" style="position:absolute; width:155px; height:25px; z-index:16; left: 413px; top: 275px"> <div align="left"> <input type="text" name="textfield5" size="29"></div></div>
<div id="Layer13" style="position:absolute; width:101px; height:9px; z-index:15; left: 292px; top: 277px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">State
          / Province:</font></b></font></div>
<div id="Layer12" style="position:absolute; width:62px; height:16px; z-index:14; left: 413px; top: 252px"> <div align="left"><select name="select2" size="1">
<option selected>Select</option></select></div></div>
<div id="Layer11" style="position:absolute; width:29px; height:10px; z-index:13; left: 364px; top: 253px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">
City:</font></b></font></div>
<div id="Layer20" style="position:absolute; width:155px; height:25px; z-index:22; left: 413px; top: 347px"> <div align="left"><input type="text" name="textfield7" size="29"></div></div>
<div id="Layer19" style="position:absolute; width:87px; height:14px; z-index:21; left: 307px; top: 347px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Work
          Phone:</font></b></font></div>
<div id="Layer18" style="position:absolute; width:179px; height:14px; z-index:20; left: 413px; top: 324px"> <div align="left"><select NAME="country" SIZE=1 width="25"> <option value="United States" >United States  
                <option value="Other" >Other (We will contact you)
              </select></div></div>
<div id="Layer17" style="position:absolute; width:48px; height:15px; z-index:19; left: 342px; top: 326px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">
Country:</font></b></font></div>
<div id="Layer16" style="position:absolute; width:155px; height:9px; z-index:18; left: 413px; top: 299px"> <div align="left"> <input type="text" name="textfield6" size="29"></div></div>
<div id="Layer25" style="position:absolute; width:46px; height:14px; z-index:27; left: 348px; top: 421px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">
E-mail:</font></b></font></div>
<div id="Layer24" style="position:absolute; width:155px; height:17px; z-index:26; left: 413px; top: 395px"> <div align="left"> <input type="text" name="textfield9" size="29"></div></div>
<div id="Layer23" style="position:absolute; width:29px; height:9px; z-index:25; left: 365px; top: 400px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Fax:</font></b></font></div>
<div id="Layer22" style="position:absolute; width:155px; height:26px; z-index:24; left: 413px; top: 371px"> <div align="left"> <input type="text" name="textfield8" size="29"></div></div>
<div id="Layer21" style="position:absolute; width:80px; height:6px; z-index:23; left: 314px; top: 373px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Home
          Phone:</font></b></font></div>
<div id="Layer30" style="position:absolute; width:62px; height:18px; z-index:32; left: 413px; top: 468px"> <div align="left"> <select name="select4">
<option selected>Month</option>
<option>Jan</option>
<option>Feb</option>
<option>Mar</option>
<option>Apr</option>
<option>May</option>
<option>Jun</option>
<option>Jul</option>
<option>Aug</option>
<option>Sep</option>
<option>Oct</option>
<option>Nov</option>
<option>Dec</option>
</select></div></div>
<div id="Layer29" style="position:absolute; width:88px; height:10px; z-index:31; left: 307px; top: 467px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Date
          of Birth:</font></b></font></div>
<div id="Layer28" style="position:absolute; width:155px; height:29px; z-index:30; left: 413px; top: 443px"> <div align="left">
<input type="text" name="textfield11" size="29"></div></div>
<div id="Layer27" style="position:absolute; width:34px; height:17px; z-index:29; left: 360px; top: 443px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">
URL:</font></b></font></div>
<div id="Layer26" style="position:absolute; width:155px; height:28px; z-index:28; left: 413px; top: 419px"> <div align="left">
<input type="text" name="textfield10" size="29"></div></div>
<div id="Layer35" style="position:absolute; width:56px; height:11px; z-index:37; left: 481px; top: 491px"> <div align="left"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Male
            <input type="radio" name="radiobutton" value="radiobutton">
</font></b></font></div></div>
<div id="Layer34" style="position:absolute; width:66px; height:14px; z-index:36; left: 413px; top: 490px"> <div align="left"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Female
            <input type="radio" name="radiobutton" value="radiobutton"></font></b></font></div></div>
<div id="Layer33" style="position:absolute; width:35px; height:10px; z-index:35; left: 360px; top: 488px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">
Sex:</font></b></font></div>
<div id="Layer32" style="position:absolute; width:56px; height:9px; z-index:34; left: 530px; top: 468px"> <div align="left">
<select name="select6"><option selected>Year</option>
<option>1880</option>
<option>1881</option>
<option>1882</option>
<option>1883</option>
<option>1884</option>
<option>1885</option>
<option>1886</option>
<option>1887</option>
<option>1888</option>
<option>1889</option>
<option>1890</option>
<option>1891</option>
<option>1892</option>
<option>1893</option>
<option>1894</option>
<option>1895</option>
<option>1896</option>
<option>1897</option>
<option>1898</option>
<option>1899</option>
<option>1900</option>
<option>1901</option>
<option>1902</option>
<option>1903</option>
<option>1904</option>
<option>1905</option>
<option>1906</option>
<option>1907</option>
<option>1908</option>
<option>1909</option>
<option>1910</option>
<option>1911</option>
<option>1912</option>
<option>1913</option>
<option>1914</option>
<option>1915</option>
<option>1916</option>
<option>1917</option>
<option>1918</option>
<option>1919</option>
<option>1920</option>
<option>1921</option>
<option>1922</option>
<option>1923</option>
<option>1924</option>
<option>1925</option>
<option>1926</option>
<option>1927</option>
<option>1928</option>
<option>1929</option>
<option>1930</option>
<option>1931</option>
<option>1932</option>
<option>1933</option>
<option>1934</option>
<option>1935</option>
<option>1936</option>
<option>1937</option>
<option>1938</option>
<option>1939</option>
<option>1940</option>
<option>1941</option>
<option>1942</option>
<option>1943</option>
<option>1944</option>
<option>1945</option>
<option>1946</option>
<option>1947</option>
<option>1948</option>
<option>1949</option>
<option>1950</option>
<option>1951</option>
<option>1952</option>
<option>1953</option>
<option>1954</option>
<option>1955</option>
<option>1956</option>
<option>1957</option>
<option>1958</option>
<option>1959</option>
<option>1960</option>
<option>1961</option>
<option>1926</option>
<option>1963</option>
<option>1964</option>
<option>1965</option>
<option>1966</option>
<option>1967</option>
<option>1968</option>
<option>1969</option>
<option>1970</option>
<option>1971</option>
<option>1972</option>
<option>1973</option>
<option>1974</option>
<option>1975</option>
<option>1976</option>
<option>1977</option>
<option>1978</option>
<option>1979</option>
<option>1980</option>
<option>1981</option>
<option>1982</option>
<option>1983</option>
<option>1984</option>
<option>1985</option>
<option>1986</option>
<option>1987</option>
<option>1988</option>
<option>1989</option>
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
</select></div></div>
<div id="Layer31" style="position:absolute; width:51px; height:14px; z-index:33; left: 477px; top: 468px"> <div align="left"><select name="select5" size="1">
<option selected>Day</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option></select></div></div>
<div id="Layer40" style="position:absolute; width:63px; height:28px; z-index:42; left: 444px; top: 538px"> <div align="center"><input type="reset" name="Submit2" value="Reset"></div></div>
<div id="Layer39" style="position:absolute; width:63px; height:1px; z-index:41; left: 362px; top: 538px"> <div align="center"><input type="submit" name="Submit" value="Submit"></div></div>
<div id="Layer38" style="position:absolute; width:35px; height:21px; z-index:40; left: 460px; top: 510px"> <div align="left"><input type="text" name="textfield13" size="5"></div></div>
<div id="Layer37" style="position:absolute; width:35px; height:27px; z-index:39; left: 413px; top: 510px"> <div align="left"><input type="text" name="textfield12" size="5"></div></div>
<div id="Layer36" style="position:absolute; width:99px; height:8px; z-index:38; left: 296px; top: 510px"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1">Height
          / Weight:</font></b></font></div>
</form>
<div id="Layer41" style="position:absolute; width:150px; height:24px; z-index:43; left: 627px; top: 195px"> <div align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><b><font size="1" face="Wingdings">(<font face="Arial, Helvetica, sans-serif">:
            </font></font></b><font size="1" face="Wingdings"><font face="Arial, Helvetica, sans-serif">305-688-0759<br>
<b>E-mail</b> : lapeavy@bellsouth.net</font></font></font></div>
</div>
<p align=center>&nbsp; </p>
</div>











the form can come above and below this;


lexxwern
0
 
lexxwernCommented:
and pls note; there is some image overlapping with text 800*600 ns6.2; please take care of that too;


lexxwern
0
 
COBOLdinosaurCommented:
The code was generated with Front Page, and all of the code is a disaster, as is normal with Front Page.  The form is broken in both IE and Netscrape because of the div tags.  You need to add the </form> at the end as indicated by lexxwern, but you alosmust move the <form> tag outside of all these nested divs.

Front Page ussually manages to screw up end tags as well and this is too big a mess for anyone to dig around in.  it needs to go throuhg a validator to find any unclosed tags.  Go to www.w3c.org and use the HTML validator to see what end tags are missing and what other problems Front Page has created.  Once you have that fixed the form may be submittable for IE and maybe opera, but there is no way this will evrwork for Netscrap 4.x because any form element in a div breaks the form.  I'm not sure how Netscrap 6 will like it, but if you get it to go for IE5, it will probably be okay in NS6.

Cd&
0
 
webwomanCommented:
I go along with Cd&, but take it one step further -- redo the whole thing, and get rid of the divs totally.

I doubt very much you need them, and all they're going to do is screw up things.

And don't use FrontPage. ;-)
0
 
COBOLdinosaurCommented:
Glad we could help. Thanks for the A. :^)

Cd&
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now