I have a multipart form and while everything seems fine in IE (which I actually don't use except to check for cross browser compatibility) but there is an issue in FF and Chrome.
In those two browsers, when clicking on one of the form inputs it always puts the cursor back at the first form input.
Code:
<div class= "formbox">
<hr />
<form action="editprofile.php" enctype="multipart/form-data" method="post" name="nameform" id="nameform" class= "formsection">
<h3>Name</h3>
<label>
<span>First Name</span>
<input name="firstname" type="text" class="formFields" id="firstname" value="<?php $firstname= stripslashes($firstname); $firstname= stripslashes($firstname); print "$firstname"; ?>" />
<span>Middle Name</span>
<input name="middlename" type="text" class="formFields" id="middlename" value="<?php $middlename= stripslashes($middlename); print "$middlename"; ?>" />
<span>Last Name</span>
<input name="lastname" type="text" class="formFields" id="lastname" value="<?php $lastname= stripslashes($lastname); print "$lastname"; ?>" />
<span>Nick Name</span>
<input name="nickname" type="text" class="formFields" id="nickname" value="<?php $nickname= stripslashes($nickname); print "$nickname"; ?>" />
<input name="parse_var" type="hidden" value="name" />
</label>
<div class= "editsubmitbutton" id= "namesubmit">
<input type="submit" name="button" class= "editsubmitbuttonlook" id="namebutton" value="Update Your Name" />
</div>
</form>
</div>
So in this example, if you click on, say, lastname, the cursor immediately goes back to firstname. It works in IE though. And for dropdown menus (like birthday), which work in IE, it "clicks off" and doesnt keep the selection window open when you click to go through the menu like a typcal user would, making it impossible for any typical user to fill it out and extremely annoying for anyone else.
Anyone know why I have this problem and what I could do to fix it? Thanks.