?
Solved

How to add form tags to fields in layers

Posted on 2002-04-06
5
Medium Priority
?
169 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
5 Comments
 
LVL 12

Expert Comment

by:lexxwern
ID: 6922862
<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
ID: 6922865
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 400 total points
ID: 6923035
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
ID: 6923186
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
ID: 6928227
Glad we could help. Thanks for the A. :^)

Cd&
0

Featured Post

Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article discusses four methods for overlaying images in a container on a web page
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

743 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