KyleGreen
asked on
Form Design
I've just been learning how to use style sheets and would like to be able to spice up the forms on a website I made. I really like how the login and password works on the www.me.com website. Would somebody be able to make an example on how that works so I could learn from it. Im also curious how they make the password input display a value of password, then when clicked it turns to a secure input.
If you are new to PHP and MySQL go check out this website....its one i recommend to everyone.
http://www.w3schools.com/php/default.asp
http://www.w3schools.com/php/default.asp
Basically they set a subclass :focus on the INPUT to react to focus.
input {
font-family: Helvetica;
background: #fff url('/my/auth/loginForm/en/images/login.png?0b2cb6aac0dfc01459b60bc237bd1b5253d0c6e4') repeat-x scroll 0 -430px;
border-top: 1px solid #707070;
border-bottom: 1px solid #cecece;
border-left: 1px solid #ababab;
border-right: 1px solid #ababab;
font-size: 13px;
padding: 4px 3px 1px;
}
input:focus {
{
outline-color: #ced2d5;
outline-style: solid;
outline-width: 1px;
background-color: #fefeee;
outline-color: #87929e;
}
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
http://www.phpeasystep.com/workshopview.php?id=6