jquery mobile酒店预定PHP代码
时间: 2023-07-03 17:32:00 浏览: 150
以下是一个简单的使用 jQuery Mobile 实现酒店预定的 PHP 代码示例:
index.html:
```
<!DOCTYPE html>
<html>
<head>
<title>酒店预定</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>酒店预定</h1>
</div>
<div data-role="content">
<form action="reserve.php" method="post">
<label for="name">姓名:</label>
<input type="text" name="name" id="name" required>
<label for="email">电子邮件:</label>
<input type="email" name="email" id="email" required>
<label for="checkin">入住日期:</label>
<input type="date" name="checkin" id="checkin" required>
<label for="checkout">离店日期:</label>
<input type="date" name="checkout" id="checkout" required>
<label for="room-type">房间类型:</label>
<select name="room-type" id="room-type">
<option value="single">标准单人间</option>
<option value="double">标准双人间</option>
<option value="deluxe">豪华双人间</option>
</select>
<label for="comments">备注:</label>
<textarea name="comments" id="comments"></textarea>
<button type="submit" data-theme="b">提交预定</button>
</form>
</div>
<div data-role="footer">
<h4>版权所有 © 酒店预定系统</h4>
</div>
</div>
</body>
</html>
```
reserve.php:
```
<?php
// 检查表单是否提交
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// 获取表单数据
$name = $_POST["name"];
$email = $_POST["email"];
$checkin = $_POST["checkin"];
$checkout = $_POST["checkout"];
$roomType = $_POST["room-type"];
$comments = $_POST["comments"];
// TODO: 将表单数据保存到数据库
// 显示预定成功消息
echo "<h1>预定成功</h1>";
echo "<p>感谢您预定我们的酒店。以下是您的预定信息:</p>";
echo "<ul>";
echo "<li>姓名:$name</li>";
echo "<li>电子邮件:$email</li>";
echo "<li>入住日期:$checkin</li>";
echo "<li>离店日期:$checkout</li>";
echo "<li>房间类型:$roomType</li>";
echo "<li>备注:$comments</li>";
echo "</ul>";
}
?>
```
这个示例演示了如何使用 jQuery Mobile 创建一个包含表单的页面,并将表单数据提交到 PHP 脚本进行处理。在实际应用中,您需要将表单数据保存到数据库或将其发送到电子邮件地址。
阅读全文