Hi! Could we please enable some services and cookies to improve your experience and our website?
Online Sandbox for SQL and PHP: Write, Run, Test, and Share SQL Queries and PHP Code
<!DOCTYPE html>
<html>
<head>
<title>简单PHP页面示例</title>
<style>
body { font-family: Arial, sans-serif; margin: 20px; }
.container { max-width: 800px; margin: 0 auto; }
.section { margin-bottom: 30px; padding: 20px; border: 1px solid #ddd; border-radius: 5px; }
h2 { color: #333; }
form div { margin-bottom: 10px; }
label { display: block; margin-bottom: 5px; }
input[type="text"], textarea { width: 100%; padding: 8px; }
input[type="submit"] { padding: 8px 15px; background-color: #4CAF50; color: white; border: none; cursor: pointer; }
.success { color: green; }
.error { color: red; }
</style>
</head>
<body>
<div class="container">
<!-- 页面标题 -->
<h1>我的第一个PHP页面</h1>
<!-- 显示当前日期和时间 -->
<div class="section">
<h2>当前日期和时间</h2>
<?php
// PHP代码：显示当前日期和时间
echo "<p>当前时间: " . date('Y-m-d H:i:s') . "</p>";
echo "<p>今天是: " . date('l, F jS, Y') . "</p>";
?>
</div>
<!-- 简单的表单处理 -->
<div class="section">
<h2>简单表单</h2>
<?php
// 处理表单提交
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$name = htmlspecialchars($_POST["name"]);
$message = htmlspecialchars($_POST["message"]);
if (!empty($name) && !empty($message)) {
echo "<p class='success'>提交成功！</p>";
echo "<p><strong>姓名:</strong> $name</p>";
echo "<p><strong>留言:</strong> $message</p>";
} else {
echo "<p class='error'>请填写所有字段</p>";
}
}
?>
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>">
<div>
<label for="name">姓名:</label>
<input type="text" id="name" name="name">
</div>
<div>
<label for="message">留言:</label>
<textarea id="message" name="message" rows="4"></textarea>
</div>
<div>
<input type="submit" value="提交">
</div>
</form>
</div>
<!-- 文件上传示例 -->
<div class="section">
<h2>文件上传</h2>
<?php
// 处理文件上传
if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_FILES["file"])) {
$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES["file"]["name"]);
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($target_file, PATHINFO_EXTENSION));
// 检查文件是否已存在
if (file_exists($target_file)) {
echo "<p class='error'>文件已存在</p>";
$uploadOk = 0;
}
// 限制文件大小 (5MB)
if ($_FILES["file"]["size"] > 5000000) {
echo "<p class='error'>文件太大</p>";
$uploadOk = 0;
}
// 允许的文件类型
if ($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg" && $imageFileType != "gif") {
echo "<p class='error'>只允许上传图片文件</p>";
$uploadOk = 0;
}
// 检查是否可以上传
if ($uploadOk == 0) {
echo "<p class='error'>文件未上传</p>";
} else {
// 确保上传目录存在
if (!file_exists($target_dir)) {
mkdir($target_dir, 0777, true);
}
if (move_uploaded_file($_FILES["file"]["tmp_name"], $target_file)) {
echo "<p class='success'>文件 " . basename($_FILES["file"]["name"]) . " 已成功上传</p>";
echo "<img src='$target_file' alt='上传的图片' style='max-width: 300px; margin-top: 10px;'>";
} else {
echo "<p class='error'>上传文件时出错</p>";
}
}
}
?>
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" enctype="multipart/form-data">
<div>
<label for="file">选择图片:</label>
<input type="file" id="file" name="file">
</div>
<div>
<input type="submit" value="上传">
</div>
</form>
</div>
</div>
</body>
</html>
<?php
// 设置页面编码
header('Content-Type: text/html; charset=utf-8');
// 处理表单提交
$formSubmitted = false;
$formData = [];
$formErrors = [];
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// 处理用户输入
$formData['name'] = trim($_POST['name'] ?? '');
$formData['message'] = trim($_POST['message'] ?? '');
// 简单的表单验证
if (empty($formData['name'])) {
$formErrors['name'] = "请输入您的姓名";
}
if (empty($formData['message'])) {
$formErrors['message'] = "请输入您的留言";
}
// 如果没有错误，处理表单数据
if (empty($formErrors)) {
$formSubmitted = true;
}
}
// 处理文件上传
$fileUploaded = false;
$uploadErrors = [];
if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_FILES["file"])) {
$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES["file"]["name"]);
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($target_file, PATHINFO_EXTENSION));
// 检查文件是否已存在
if (file_exists($target_file)) {
$uploadErrors[] = "文件已存在";
$uploadOk = 0;
}
// 限制文件大小 (5MB)
if ($_FILES["file"]["size"] > 5000000) {
$uploadErrors[] = "文件太大";
$uploadOk = 0;
}
// 允许的文件类型
if ($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg" && $imageFileType != "gif") {
$uploadErrors[] = "只允许上传图片文件";
$uploadOk = 0;
}
// 检查是否可以上传
if ($uploadOk == 0) {
$uploadErrors[] = "文件未上传";
} else {
// 确保上传目录存在
if (!file_exists($target_dir)) {
mkdir($target_dir, 0777, true);
}
if (move_uploaded_file($_FILES["file"]["tmp_name"], $target_file)) {
$fileUploaded = true;
$uploadedFileName = basename($_FILES["file"]["name"]);
$uploadedFilePath = $target_file;
} else {
$uploadErrors[] = "上传文件时出错";
}
}
}
// 页面标题和元数据
$pageTitle = "我的第一个PHP页面";
$pageDescription = "一个展示PHP基本功能的示例页面";
// 开始输出HTML
?>
<!DOCTYPE html>
<html>
<head>
<title><?php echo $pageTitle; ?></title>
<style>
body { font-family: Arial, sans-serif; margin: 20px; }
.container { max-width: 800px; margin: 0 auto; }
.section { margin-bottom: 30px; padding: 20px; border: 1px solid #ddd; border-radius: 5px; }
h2 { color: #333; }
form div { margin-bottom: 10px; }
label { display: block; margin-bottom: 5px; }
input[type="text"], textarea { width: 100%; padding: 8px; }
input[type="submit"] { padding: 8px 15px; background-color: #4CAF50; color: white; border: none; cursor: pointer; }
.success { color: green; }
.error { color: red; }
</style>
</head>
<body>
<div class="container">
<h1><?php echo $pageTitle; ?></h1>
<div class="section">
<h2>当前日期和时间</h2>
<p>当前时间: <?php echo date('Y-m-d H:i:s'); ?></p>
<p>今天是: <?php echo date('l, F jS, Y'); ?></p>
</div>
<div class="section">
<h2>简单表单</h2>
<?php
if ($formSubmitted) {
echo '<p class="success">提交成功！</p>';
echo '<p><strong>姓名:</strong> ' . htmlspecialchars($formData['name']) . '</p>';
echo '<p><strong>留言:</strong> ' . htmlspecialchars($formData['message']) . '</p>';
} elseif (!empty($formErrors)) {
echo '<p class="error">请填写所有字段</p>';
}
?>
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>">
<div>
<label for="name">姓名:</label>
<input type="text" id="name" name="name" value="<?php echo htmlspecialchars($formData['name'] ?? ''); ?>">
</div>
<div>
<label for="message">留言:</label>
<textarea id="message" name="message" rows="4"><?php echo htmlspecialchars($formData['message'] ?? ''); ?></textarea>
</div>
<div>
<input type="submit" value="提交">
</div>
</form>
</div>
<div class="section">
<h2>文件上传</h2>
<?php
if ($fileUploaded) {
echo '<p class="success">文件 ' . htmlspecialchars($uploadedFileName) . ' 已成功上传</p>';
echo '<img src="' . htmlspecialchars($uploadedFilePath) . '" alt="上传的图片" style="max-width: 300px; margin-top: 10px;">';
} elseif (!empty($uploadErrors)) {
echo '<p class="error">' . implode('<br>', $uploadErrors) . '</p>';
}
?>
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" enctype="multipart/form-data">
<div>
<label for="file">选择图片:</label>
<input type="file" id="file" name="file">
</div>
<div>
<input type="submit" value="上传">
</div>
</form>
</div>
</div>
</body>
</html>