HighDots Forums  

Form field problem Safari, Firefox

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)


Discuss Form field problem Safari, Firefox in the Macromedia Dreamweaver forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
gmedia3
 
Posts: n/a

Default Form field problem Safari, Firefox - 04-01-2009 , 03:17 PM






Hi,

Anyone have issues with mouse clicking on form fields when using Firefox or
Safari? All three fields can be accessed via mouse click when using IE,
however if I use Firefox or Safari the "email" field will not allow access via
mouse click, only the tab button. Thanks for your help!

http://dl.wrgracemedia.net/login_email_NOTEMPLATE2.php


Reply With Quote
  #2  
Old   
Michael White
 
Posts: n/a

Default Re: Form field problem Safari, Firefox - 04-01-2009 , 03:45 PM






gmedia3 wrote:
Quote:
Hi,

Anyone have issues with mouse clicking on form fields when using Firefox or
Safari? All three fields can be accessed via mouse click when using IE,
however if I use Firefox or Safari the "email" field will not allow access via
mouse click, only the tab button. Thanks for your help!

http://dl.wrgracemedia.net/login_email_NOTEMPLATE2.php

Your labels are foobar.
Mick


Reply With Quote
  #3  
Old   
Michael Fesser
 
Posts: n/a

Default Re: Form field problem Safari, Firefox - 04-01-2009 , 03:49 PM



..oO(gmedia3)

Quote:
Anyone have issues with mouse clicking on form fields when using Firefox or
Safari? All three fields can be accessed via mouse click when using IE,
however if I use Firefox or Safari the "email" field will not allow access via
mouse click, only the tab button. Thanks for your help!

http://dl.wrgracemedia.net/login_email_NOTEMPLATE2.php
Change this:

<label>Password
<input type="password" name="textfield2" />
email
<input name="textfield3" type="text" />
</label>

to this:

<label>Password
<input type="password" name="textfield2" />
</label>
<label>Email
<input type="text" name="textfield3" />
</label>

One label, one form control.

And remove the label from the submit button - it doesn't make sense.

Micha


Reply With Quote
  #4  
Old   
gmedia3
 
Posts: n/a

Default Re: Form field problem Safari, Firefox - 04-01-2009 , 04:18 PM



Micha,

Thanks for the quick response, works fine now..

Reply With Quote
  #5  
Old   
Murray *ACE*
 
Posts: n/a

Default Re: Form field problem Safari, Firefox - 04-01-2009 , 04:48 PM



Isn't there something goofy about labels that wrap tags as opposed to those
that are associated to tags using the "for" attribute?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Michael Fesser" <netizen (AT) gmx (DOT) de> wrote

Quote:
.oO(gmedia3)

Anyone have issues with mouse clicking on form fields when using Firefox
or
Safari? All three fields can be accessed via mouse click when using IE,
however if I use Firefox or Safari the "email" field will not allow access
via
mouse click, only the tab button. Thanks for your help!

http://dl.wrgracemedia.net/login_email_NOTEMPLATE2.php

Change this:

label>Password
input type="password" name="textfield2" /
email
input name="textfield3" type="text" /
/label

to this:

label>Password
input type="password" name="textfield2" /
/label
label>Email
input type="text" name="textfield3" /
/label

One label, one form control.

And remove the label from the submit button - it doesn't make sense.

Micha


Reply With Quote
  #6  
Old   
Michael Fesser
 
Posts: n/a

Default Re: Form field problem Safari, Firefox - 04-01-2009 , 04:58 PM



..oO(Murray *ACE*)

Quote:
Isn't there something goofy about labels that wrap tags as opposed to those
that are associated to tags using the "for" attribute?
Both ways are correct and make sense, IMHO. The explicit association
works more reliable in older browsers and also allows to separate the
label from the control structurally, while the implicit association is
shorter and creates the connection between the label and the control
directly on the markup level.

Micha


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.