创建一个图书馆选座系统的html程序,一共有三个页面,第一个页面是登录页面,第二个是选座页面,最后一个页面要显示选座成功并返回第一个页面
时间: 2023-06-10 16:08:50 浏览: 87
以下是一个简单的图书馆选座系统的HTML程序,包含三个页面。
第一个页面 - 登录页面:
```html
<!DOCTYPE html>
<html>
<head>
<title>图书馆选座系统 - 登录</title>
</head>
<body>
<h1>图书馆选座系统 - 登录</h1>
<form action="seat.html" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required><br><br>
<input type="submit" value="登录">
</form>
</body>
</html>
```
第二个页面 - 选座页面:
```html
<!DOCTYPE html>
<html>
<head>
<title>图书馆选座系统 - 选座</title>
</head>
<body>
<h1>图书馆选座系统 - 选座</h1>
<p>欢迎,<?php echo $_POST["username"]; ?>!请选择座位:</p>
<form action="success.html" method="post">
<label for="seat">座位:</label>
<select id="seat" name="seat" required>
<option value="A1">A1</option>
<option value="A2">A2</option>
<option value="A3">A3</option>
<option value="B1">B1</option>
<option value="B2">B2</option>
<option value="B3">B3</option>
</select><br><br>
<input type="hidden" id="username" name="username" value="<?php echo $_POST["username"]; ?>">
<input type="submit" value="选座">
</form>
</body>
</html>
```
第三个页面 - 选座成功页面:
```html
<!DOCTYPE html>
<html>
<head>
<title>图书馆选座系统 - 选座成功</title>
</head>
<body>
<h1>图书馆选座系统 - 选座成功</h1>
<p>恭喜,<?php echo $_POST["username"]; ?>,您已成功选座:</p>
<p><?php echo $_POST["seat"]; ?></p>
<form action="login.html">
<input type="submit" value="返回">
</form>
</body>
</html>
```
注意:这是一个简单的演示程序,实际应用中需要添加更多的功能和安全性措施。