You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

88 lines
2.2 KiB

<!doctype html>
<html>
<head>
<style>
#header {
background-color:black;
color:white;
text-align:center;
padding:5px;
}
</style>
</head>
<body background="图片/timg.jpg"
>
<div id="header">
<h1>约球吧</h1>
</div>
<table>
<tr style="transform: translateX(650px);">
<td style="color: aliceblue; font-size:20px;">球类:</td>
<td>
<select name="球类" >
<option value="篮球">篮球</option>
<option value="足球">足球</option>
<option value="羽毛球">羽毛球</option>
<option value="乒乓球">乒乓球</option>
</select>
</td>
</tr>
<tr style="transform: translateX(650px);" >
<td style="color: aliceblue;font-size:20px;">约球场地:</td>
<td>
<select name="约球场地" >
<option value="师大体院馆">师大体育馆</option>
<option value="江边篮球场">江边篮球场</option>
<option value="师大操场">师大操场</option>
<option value="五舍广场">五舍广场</option>
</select>
</td>
</tr>
<tr style="transform: translateX(650px);" >
<td style="color: aliceblue;font-size:20px;">约球时间:</td>
<td>
<select name="约球时间" >
<option value="7:30">7:30</option>
<option value="8:00">8:00</option>
<option value="8:30">8:30</option>
<option value="9:00">9:00</option>
<option value="9:30">9:30</option>
<option value="10:00">10:00</option>
<option value="10:30">10:30</option>
<option value="11:00">11:00</option>
<option value="11:30">11:30</option>
<option value="12:00">12:00</option>
<option value="12:30">12:30</option>
<option value="13:00">13:00</option>
<option value="13:30">13:30</option>
<option value="14:00">14:00</option>
<option value="14:30">14:30</option>
<option value="15:00">15:00</option>
<option value="15:30">15:30</option>
<option value="16:00">16:00</option>
<option value="16:30">16:30</option>
<option value="17:00">17:00</option>
<option value="17:30">17:30</option>
<option value="18:00">18:00</option>
<option value="18:30">18:30</option>
<option value="19:00">19:00</option>
<option value="19:30">19:30</option>
<option value="20:00">20:00</option>
</select>
</td>
</tr>
</table>
<br><br>
<table>
<tr style="transform: translateX(750px);">
<td>
<button type="button" onClick="alert('提交订单成功!')">提交</button>
</td>
</tr>
</table>
</body>
</html>