表格,表单(练习)

2018-06-24 01:14:25来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

<!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>

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:js+bootstrap实现分页页码

下一篇:网页布局基础