Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ password textbox size problem

Posted by: ravi951 Aug 8 2011, 12:49 AM

hi all,
i am using a simple login page with 5 fields shown below.in my login page below only the password and retype password fields textbox size decreased as compared to other fields.....
kindly tell me what happened and how to solve it......
below is the page with 5 fields.....

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<h2>Login Form </h2>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dynamic Inline Form Validation Demo</title>
<link rel="stylesheet" type="text/css" href="messages1.css" />
<script type="text/javascript" src="messages1.js"></script>
</head>
<body>
<div id="wrapper">
  <form name="form" id="form" class="form" action="success1.html" onsubmit="return validate(this)" method="post">
    <label for="name">User Name<span>:</span></label>
    <input type="text" name="realname" id="name" />
    <span id="realnameerror"></span>

    <label for="email">Email Id<span>:</span></label>
    <input type="text" name="email" id="email" />
    <span id="emailerror"></span>

    <label for="password">Password<span>:</span></label>
    <input type="password" name="password" id="password"  >
    <span id="passworderror"></span>

    <label for="repassword">Retype Password<span>:</span></label>
    <input type="password" name="password2" id="password2" >
    <span id="password2error"></span>

    <label for="phoneno">Phone no<span>:</span></label>
    <input type="text" name="phoneno" id="phoneno" maxlength="10" />
    <span id="phonenoerror"></span>

    <input type="submit" value="Submit" class="submit" />
  </form>
</div>
</body>
</html>

Posted by: pandy Aug 8 2011, 01:09 AM

In what browser? The all look the same to me.

Posted by: ravi951 Aug 8 2011, 01:12 AM

QUOTE(pandy @ Aug 8 2011, 01:09 AM)

In what browser? The all look the same to me.

i am using google chrome......
is there any link with the browser that we use....

Posted by: ravi951 Aug 8 2011, 01:16 AM

QUOTE(ravi951 @ Aug 8 2011, 01:12 AM)

QUOTE(pandy @ Aug 8 2011, 01:09 AM)

In what browser? The all look the same to me.

i am using google chrome......
is there any link with the browser that we use....

hi i have checked in google chrome.it is fine displaying same size.
dont know what happened in IE 8.

Posted by: pandy Aug 8 2011, 01:20 AM

Don't have Chrome, but I've checked in Iron which should be the same, and I don't see it. Are all those IDs used for some CSS maybe?

QUOTE

is there any link with the browser that we use....

Sorry, how do you mean?

Posted by: pandy Aug 8 2011, 01:21 AM

QUOTE(ravi951 @ Aug 8 2011, 08:16 AM)

hi i have checked in google chrome.it is fine displaying same size.
dont know what happened in IE 8.

You've lost me now. What's the problem in IE8?