专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > HTML/CSS

报表,表单(练习)

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
表格,表单(练习)

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body{
margin: 0;padding: 0;
}
span{
width: 35px;
height: 25px;
display: inline-block;
background: url(../images/1.png);
}
.two{
background-position: -35px -50px;
}
.three{
background-position: 35px 75px
}
.four{
background-position:
}
.five{
background-position:
}
</style>
</head>
<body>
<input type="date">
<br>
<br>
<br>
<br>
<br>
<br>
<table border="2">
<tr>
<th>1</th><th>2</th><th>3</th><th>4</td>

</tr>
<tr>
<td>上海</td><td>广州</td><td>深圳</td><td>海口</td>

</tr>
<tr>
<td>上海</td><td>广州</td><td>深圳</td><td>海口</td>

</tr>
<tr>
<td>上海</td><td>广州</td><td>深圳</td><td rowspan="2">海口</td>

</tr>
<tr>
<td colspan="2">上海</td><td>深圳</td>

</tr>
</table>


<hr>
<form action="a.php" method="post">
用户:<input type="text" required autofocus /><br>
密码:<input type="password"/>

<input type="radio" name="gender" value="male" />男
<input type="radio" name="gender" value="female" checked />女<br />
<input type="submit" value="提交"/><br>
</form>

<select>
<option>广州</option>
<option>长沙</option>
<option selected>海口</option>
</select>
<input type="file" />
<br>
<textarea rows="10" cols="50">
请留言
</textarea>

<ul>
<li><span></span>1</li>
<li><span class="two"></span>2</li>
<li><span class="three"></span>3</li>
<li><span class="four"></span>4</li>
<li><span class="five"></span>5</li>
</ul>
</body>
</html>

友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: