problem with webform...

Discussion in 'HTML & Website Design' started by bex, Apr 23, 2007.

  1. #1
    Hi

    ive made this webform for my new web site design it works fine with IE but when using firefox when you click in the mobile or email field it goes direct to the telephone field.. is this a error on firefox or with my site?

    http://www.ainsworthfinance.co.uk/loans/apply.html

    thanks
     
    bex, Apr 23, 2007 IP
  2. Webray

    Webray Active Member

    Messages:
    469
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #2
    Try putting your label tags around each input. An example is below:


         <p class="style1">	
            <label>Telephone No.: 
            <input name="tel" type="text" id="tel">
             </label>
            <label>       
            Mobile:        
            <input name="mobile" type="text" id="mobile">
            </label>
            <label>
            <br>
            <br>
            Email: 
            <input name="email" type="text" id="email">
            <br>
            </label>
          </p>
    Code (markup):
     
    Webray, Apr 23, 2007 IP
  3. bex

    bex Active Member

    Messages:
    291
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    78
    #3
    thanks ill give it a try
     
    bex, Apr 24, 2007 IP
  4. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #4
    That's not enough. The label tag needs the for attribute as well, which must match the ID given in the input tag.

    Give me a few and I'll see what I can do about really fixing your form.
     
    Dan Schulz, Apr 24, 2007 IP
  5. asfi

    asfi Peon

    Messages:
    110
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I think something error in your code.Show me that part of code..
     
    asfi, Apr 24, 2007 IP
  6. Ronsuave87

    Ronsuave87 Peon

    Messages:
    97
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I've never used a label tag before, but from the looks of it, you should have an individual label tag around each input.
     
    Ronsuave87, Apr 25, 2007 IP
  7. Webice

    Webice Peon

    Messages:
    49
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Yes, if you want your site to be more easier to use and to make it valid WCAG AAA, and section 508 valid.

    label tag is most used on input elements and textareas.
     
    Webice, Apr 25, 2007 IP
  8. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #8
    bex (sorry for the delay in getting back to you, my computer died and I ended up hopping from computer to computer for several weeks), have you taken down the page by any chance?
     
    Dan Schulz, Jun 9, 2007 IP
    bex likes this.
  9. bex

    bex Active Member

    Messages:
    291
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    78
    #9
    thanks for replying dan but this is no longer somthing i am continuing but thanks for trying to help :) rep added
     
    bex, Jun 9, 2007 IP