Jump to content

[SOLVED] Form Text Input Problem


MsRedImp

Recommended Posts

<form action="submitreg.php" method="post">
Desired Username: <input type="text"><br>
Desired Password: <input type="text">
</form>

 

This is just an ordinary unmodified form I have created. The problem is that the form positioning outputs like this:

 

alignef5.th.jpg

 

How do I make this look normal?

 

Thank You :)

Link to comment
Share on other sites

<form action="submitreg.php" method="post">
Desired Username: <input type="text"><br>
Desired Password: <input type="text">
</form>

 

you can use the size parameter like this:

 

<form action="submitreg.php" method="post" 
Desired Username: <input type="text" size="##"><br>
Desired Password: <input type="text" size="##">
</form>

 

## is number.

also if you want dots over your password feild:

 

<form action="submitreg.php" method="post" 
Desired Username: <input type="text" size="##"><br>
Desired Password: <input type="password" size="##">
</form>

Link to comment
Share on other sites

The alignment difference is because the text coming before the input box is of different length. You could use something like this:

 

<form action="submitreg.php" method="post">
<p>
  <label for="user">Desired Username:</label>
  <input type="text" name="user" id="user" value="">
</p>

<p>
  <label for="pswd">Desired Password:</label>
  <input type="password" name="pswd" id="pswd" value="">
</p>
</form>

 

And then float:left the label and float:right the input.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.