<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单元素和css设置背景</title>
<style>
.box{
width: 400px;
height: 400px;
background-color: red;
background-image: url(img/20140506021259654.jpg);
}
</style>
</head>
<body>
<form action="">
<p>
<label for="user">文本框：</label>
<input type="text" name="" id="user" value="默认提示文字" />
</p>
<p>
<label for="pass">密码框：</label>
<input type="password" name="" id="pass" value="" />
</p>
<p>
<input type="radio" name="sex" id="" value="" />男
<input type="radio" name="sex" id="" value="" />女
<input type="radio" name="sex" id="" value="" />未知
</p>
<p>
<input type="checkbox" name="" id="" value="" checked=""/>篮球
<input type="checkbox" name="" id="" value="" />足球
<input type="checkbox" name="" id="" value="" />羽毛球
</p>
<p>
<input type="submit"/>
<input type="reset"/>
<input type="button" name="" id="" value="确定" />
</p>
<p>
<select>
<option value ="">河北</option>
<option value ="" selected="">河南</option>
<option value ="">山东</option>
</select>
</p>
<p>
<textarea rows="20" cols="20"></textarea>
</p>
</form>
<p class="text" style="color: red;">hellow word</p>
<div class="box">
</div>
</body>
</html>
