美化表单
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body{
background-image: url(123.jpg);
}
form{
border: 1px dotted #999;
padding: 1px 6px 1px 6px;
margin: 0px;
font:14px Arial;
}
input{
color: aliceblue;
}
input[type="text"],input[type="password"]{
background-color: beige;
border: none;
border-bottom: 1px solid #266980;
color: #1D5061;
}
input[type="button"]{
color: #1D5061;
background-color: yellowgreen;
border: violet;
padding: 1px 2px 1px 2px;
}
select{
width: 100px;
color: turquoise;
background-color: slategray;
border: 1px solid #00008B;
}
textarea{
width: 200px;
height: 40px;
color: #00008B;
background-color: saddlebrown;
border: 1px solid #00008B;
}
</style>
</head>
<body>
<h1>用户注册</h1>
<form name="myForm1" action="" method="post">
<p>用户名:<input type="text" name="name" size=15/></p>
<p>密码:<input name="passwd" type="password" size="15"/></p>
<p>性别:
<input name="sex" type="radio" value="male"/>男
<input name="sex" type="radio" value="female"/>男
</p>
<p>所在地:<select name="addr">
<option value="1">四川</option>
<option value="1">辽宁</option>
<option value="1">北京</option>
</select>
</p>
<p><input type="submit" name="Submit" value="注册">
<input type="reset" name="Submit2" value="重置">
</p>
</form>
</body>
</html>