Congratulations to AcaCandy on her 100,000th post!
There's no such thing as a stupid question, but they're the easiest to answer.
JoinTour
Login
 
Tag Cloud
acer black screen blue screen boot bsod computer connection crash css dell driver drivers email error ethernet excel firefox firefox 3 freeze game hard drive internet internet explorer itunes laptop linux malware monitor network networking nvidia outlook outlook 2003 outlook 2007 outlook express partition password problem router slow software sound trojan usb video virus vista windows windows xp wireless
Web Design & Development
Search
Search in:
 
Advanced Search
Tech Support Guy Forums > Internet & Networking > Web Design & Development >
Solved: Input Tag order


HELLO AND WELCOME! Before you can post your question, you'll have to register -- it's completely free! Click here to join today! We highly recommend that you print a copy of our Guide for New Members. Enjoy!

Closed Thread
 
Thread Tools
skyhigh007's Avatar
Senior Member with 392 posts.
 
Join Date: Jun 2004
23-Jun-2008, 11:10 AM #1
Solved: Input Tag order
Hi

Does it matter if the order of the input for text and submit it switched around ?
Usually,
Code:
<input type="text" name="firstName" size="10"> 
                         <input  type="submit" value="firstname" />
What If I switch it around to this
Code:
<input  type="submit" value="firstname" />
                                                           <input type="text" name="firstName" size="10">
haswalt's Avatar
Computer Specs
Senior Member with 416 posts.
 
Join Date: Nov 2004
Location: South Coast, UK
Experience: Advanced
23-Jun-2008, 12:22 PM #2
well your submit button would be above your input box.
With standard markup the order you code things is generally the oder they display in.
skyhigh007's Avatar
Senior Member with 392 posts.
 
Join Date: Jun 2004
23-Jun-2008, 01:09 PM #3
I guess it does not matter right?
haswalt's Avatar
Computer Specs
Senior Member with 416 posts.
 
Join Date: Nov 2004
Location: South Coast, UK
Experience: Advanced
23-Jun-2008, 01:15 PM #4
Quote:
Originally Posted by skyhigh007 View Post
I guess it does not matter right?
I guess you didn't read my post then.

The order you code them in changes the order they display, the first way would render:

input
button

ther second way would render:

button
input

So logically this would (in some cases) make your form un-intuative due to logical ordering and the way people like to use forms. so people looking to fill in your form, would not realise that the input below is part of the form. unless to make things easier you put a button at top and bottom then the button first would be fine. Or maybe you have a form with buttons down it for submitting data, changing layouts etc on the fly, then that would alos be fine.

Wouldn't recommend it as can make the form difficult for most users to use. And if users don't find you website intuative, they won't use it.

Harry
__________________
LQD Internet Limited
We've just got better! With the launch of our new site we have SLASHED our prices and upped the offering. Check it out!

10% Discount for ALL Tech Support Guy Members
Simply use the promo code of "T3CHGUY" when ordering to recieve your 10% discount on all shared and reseller hosting packages.
skyhigh007's Avatar
Senior Member with 392 posts.
 
Join Date: Jun 2004
23-Jun-2008, 02:30 PM #5
Sorry for not making clear. What I meant was that the submit button will still work and I can use css to place the submit button right next to the input text box even though in HTML the input submit button is above the input text.
haswalt's Avatar
Computer Specs
Senior Member with 416 posts.
 
Join Date: Nov 2004
Location: South Coast, UK
Experience: Advanced
23-Jun-2008, 03:24 PM #6
yes yes it will, although i don't see the point in doing it that way. Is there a reason?

If you don't get you css spot on it won't always work in every browser, probably safer to do things NORMALLY.

Harry
haswalt's Avatar
Computer Specs
Senior Member with 416 posts.
 
Join Date: Nov 2004
Location: South Coast, UK
Experience: Advanced
23-Jun-2008, 03:24 PM #7
yes yes it will, although i don't see the point in doing it that way. Is there a reason?

If you don't get you css spot on it won't always work in every browser, probably safer to do things NORMALLY.

Harry
tomdkat's Avatar
Computer Specs
Distinguished Member with 3,705 posts.
 
Join Date: May 2006
Location: S.F. Bay Area, CA
Experience: Intermediate
23-Jun-2008, 03:34 PM #8
Quote:
Originally Posted by haswalt View Post
If you don't get you css spot on it won't always work in every browser, probably safer to do things NORMALLY.
How would CSS affect the submission of form data?

Peace...
haswalt's Avatar
Computer Specs
Senior Member with 416 posts.
 
Join Date: Nov 2004
Location: South Coast, UK
Experience: Advanced
23-Jun-2008, 03:36 PM #9
no i meant the layout won't neccessarily be the same in all browsers
skyhigh007's Avatar
Senior Member with 392 posts.
 
Join Date: Jun 2004
23-Jun-2008, 04:16 PM #10
The reason I had to do it that way is because If I put div tags around it
Code:
 <div >
             < form  method="post" action="whatever.php">
                  <div><input type="text" name="mail" ></div>
                  <div><input type="submit" value="submit"></div>
               </form>
             </div>
when you move your mouse over the input box for the text, the mouse wont change to a perpendicular straight line and that means you cant type. But, if you move the mouse towards the end of right side, then the straight line appears.
Check the Link
tomdkat's Avatar
Computer Specs
Distinguished Member with 3,705 posts.
 
Join Date: May 2006
Location: S.F. Bay Area, CA
Experience: Intermediate
23-Jun-2008, 05:44 PM #11
Then, you need to revisit your HTML and CSS to address the root issue.

Here is an XHTML form tutorial that might help.

Peace...
skyhigh007's Avatar
Senior Member with 392 posts.
 
Join Date: Jun 2004
23-Jun-2008, 06:29 PM #12
THANKS a lot! I figure it out! It looks like you cant have absolute position within an absolute position. I put absolute position for the DIVs that are out side the Input tag and then I put absolute position for the input tags. If I change the DIVs position to relative, then they are fine or I remove the css for DIVS.
tomdkat's Avatar
Computer Specs
Distinguished Member with 3,705 posts.
 
Join Date: May 2006
Location: S.F. Bay Area, CA
Experience: Intermediate
23-Jun-2008, 07:33 PM #13
Great! Glad you got it figured out.

Peace...
Closed Thread

THIS THREAD HAS EXPIRED.
Are you having the same problem? We have volunteers ready to answer your question, but first you'll have to join for free. Need help getting started? Check out our Welcome Guide.


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
WELCOME TO TECH SUPPORT GUY! Are you looking for the solution to your computer problem? Join our site today to ask your question -- for free! Our site is run completely by volunteers who help people like you solve computer problems. See our Welcome Guide to get started.



Thread Tools


You Are Using:
Server ID
Advertisements do not imply our endorsement of that product or service.
All times are GMT -4. The time now is 01:07 AM.
Copyright © 1996 - 2008 TechGuy, Inc. All rights reserved.
Powered by vBulletin, Copyright © 2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0
Powered by Cermak Technologies, Inc.