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

Archived

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

×
×
  • 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.