Jump to content

Unable to Click in Input Field


Elemental

Recommended Posts

Hey Folks, Hope all are well, California is starting to catch-up to the season.I've got the weirdest thing happening in this form I just edited, or added four new input fields too. Can one of you Gurus take a look at my code and tell me what's going on?Before you get all up in arms, I know I have all the labels grouped together, followed by the input fields and then label and input tags wrapped in fieldset tags, I did this on purpose, don't ask, unless of course that's the reason but I don't think so cause it was working fine before I added the four new fields...What I had

<fieldset id="nameInfo"><img src="../images/decorLine.jpg" border="0" id="abtLine" title="decorLine" alt="decorLine" /><div id="aboutYou">Name, Address and E-mail</div><label for="firstName" id="firstNameTxt">First Name<span class="rqrdStar"> *</span></label><label for="lastName" id="lastNameTxt">Last Name<span class="rqrdStar"> *</span></label><label for="emailName" id="emailNameTxt">Your Email<span class="rqrdStar"> *</span></label><input tabindex="10" name="firstName" type="text" size="30" maxlength="30" id="firstNameField" /><input tabindex="11" name="lastName" type="text" size="30" maxlength="30" id="lastNameField" /><input tabindex="12" name="emailName" type="text" size="35" maxlength="60" id="emailNameField" /></fieldset>

What I added

<fieldset id="addressInfo"><label for="Address" id="addressNameTxt">Your Address<span class="rqrdStar"> *</span></label><label for="City" id="cityNameTxt">City<span class="rqrdStar"> *</span></label><label for="State" id="stateNameTxt">State<span class="rqrdStar"> *</span></label><label for="Zip" id="zipNameTxt">Zip Code<span class="rqrdStar"> *</span></label><input tabindex="13" name="addressName" type="text" size="35" maxlength="100" id="addressNameField" /><input tabindex="14" name="cityName" type="text" size="35" maxlength="40" id="cityNameField" /><input tabindex="15" name="stateName" type="text" size="35" maxlength="2" id="stateNameField" /><input tabindex="16" name="zipName" type="text" size="35" maxlength="12" id="zipNameField" /></fieldset>

Any help / insight would be GREATLY appreciated, I can't afford to loose any more hair.Peace,Elemental

Link to comment
Share on other sites

Is all of that wrapped in a set of <form> tags? with a 'method='?

<form method="post" action="">	<fieldset id="nameInfo"><img src="../images/decorLine.jpg" border="0" id="abtLine" title="decorLine" alt="decorLine" /><div id="aboutYou">Name, Address and E-mail</div><label for="firstName" id="firstNameTxt">First Name<span class="rqrdStar"> *</span></label><input tabindex="10" name="firstName" type="text" size="30" maxlength="30" id="firstNameField" /><br /><label for="lastName" id="lastNameTxt">Last Name<span class="rqrdStar"> *</span></label><input tabindex="11" name="lastName" type="text" size="30" maxlength="30" id="lastNameField" /><br /><label for="emailName" id="emailNameTxt">Your Email<span class="rqrdStar"> *</span></label><input tabindex="12" name="emailName" type="text" size="35" maxlength="60" id="emailNameField" /><br /></fieldset><fieldset id="addressInfo"><label for="Address" id="addressNameTxt">Your Address<span class="rqrdStar"> *</span></label><input tabindex="13" name="addressName" type="text" size="35" maxlength="100" id="addressNameField" /><br /><label for="City" id="cityNameTxt">City<span class="rqrdStar"> *</span></label><input tabindex="14" name="cityName" type="text" size="35" maxlength="40" id="cityNameField" /><br /><label for="State" id="stateNameTxt">State<span class="rqrdStar"> *</span></label><input tabindex="15" name="stateName" type="text" size="35" maxlength="2" id="stateNameField" /><br /><label for="Zip" id="zipNameTxt">Zip Code<span class="rqrdStar"> *</span></label><input tabindex="16" name="zipName" type="text" size="35" maxlength="12" id="zipNameField" /><br /></fieldset></form>

Link to comment
Share on other sites

I can't duplicate the problem.
Deirdre's Dad, Thank you for trying but I realized my mistake.jlhaslip,To answer your question, yes, they are; the problem, my mistake, was that of a newbie, I would say an idiot but I'll be kind to myself.don't know why but by giving the last <fieldset> an id so I could move everything within it at one time, then moving it, some how prevented me from accessing the fields; I could tab into them but could not click in them. As I played around trying to figure this out I found that my arrow cursor would turn into the I beam if I placed it over the top border of the fields allowing me to then click in the field.I would recreate the problem so you could see it but in my excitement of fumbling on to the problem I deleted the id from the external css file; sorry, I would have liked to have post it so that anyone else, not that I wish this on anyone else, could learn from my mistake.Thank you again, and I apologize for any inconvenience my mistake may have imposed upon you.Peace,Elemental
Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...