表格,表单(练习)

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值