<labelfor="email">Email</label>
<inputid="email"type="email"name="email">
</li>
<li>
<labelfor="password">Password</label>
<inputid="password"type="password"
name="password"value=""autocomplete="off"/>
</li>
<li><inputtype="submit" value="Login"></li>
</ol>
</fieldset>
</form>
</body>
</html>Let’s style the form to give it a less boring look.
css3_rough_edges/stylesheets/style.css
.login{
width:250px;
}.loginfieldset{
background-color:#ddd;
border:none;
}
.loginlegend{
background-color:#ddd;
padding:0 64px0 2px;
}.loginol{list-style:none;
margin:2px;
padding:0;
}
.loginli{
margin:0 0 9px 0;
padding:0;
}.logininput{
background-color:#fff;
border:1px solid#bbb;
display:block;
width:200px;
}
.logininput[type="submit"]{
background-color:#bbb;
padding:0;
width:202px;
}Chapter 8. Eye Candy • 154
Download from Wow! eBook <www.wowebook.com> report erratum • discuss