Solved

How to add form tags to fields in layers

Posted on 2002-04-06
5
153 Views
Last Modified: 2010-04-09
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
Comment
Question by:ironfingers
  • 2
  • 2
5 Comments
 
LVL 12

Expert Comment

by:lexxwern
Comment Utility
<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
 
LVL 12

Expert Comment

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


lexxwern
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 100 total points
Comment Utility
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
 
LVL 19

Expert Comment

by:webwoman
Comment Utility
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
 
LVL 53

Expert Comment

by:COBOLdinosaur
Comment Utility
Glad we could help. Thanks for the A. :^)

Cd&
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

Someone recently asked me about how to display a progress indicator on a page while an iframe is loading. And I remember when I first came across this myself. It was a bit tricky to get my head around, but really, it's very simple. The most impor…
Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now