5.编写用户留言的 liuyan.html 网页文件,形式如下: 留言内容 联系方式: (此框内填写信息不能超过20个英文字符) 提交 要求 (1)“(此框内填写信息不能超过20个英文字符)”的文字都为下划线、加相;(2)点击“提交”按钮后,将跳转到submit.php网页进行处理;(3)设法使多行文本框、单行文本框和按钮这3个控件左端对齐; 编写submit.php 网页文件,(分为3种可能的情况)。情况1:留言成功!返回 情况2:留言失败 留言内容不能为空!返回 情况 3:留言成功,联系方式不能超过20个英文字符!返回要求(结合myweb数据库的huyan表):(1)根据上述可能的情况,进行判断; (2)留言成功后,liuyan表会增加一条记录,其中发布时间按表中已有数据格式填写当前时间;(3)无论是否成功都跳转到 liuyan.html的连接;
时间: 2024-02-25 17:52:32 浏览: 51
liuyan.html文件代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户留言</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
form {
display: flex;
flex-direction: column;
align-items: flex-start;
}
label {
display: block;
margin-top: 10px;
margin-bottom: 5px;
font-weight: bold;
}
textarea, input[type="text"], input[type="submit"] {
margin-left: 5px;
border: 1px solid #ccc;
border-radius: 3px;
padding: 5px;
font-size: 14px;
font-family: Arial, sans-serif;
resize: none;
width: 300px;
}
textarea {
height: 100px;
}
input[type="submit"] {
background-color: #4CAF50;
color: #fff;
cursor: pointer;
transition: background-color 0.3s ease;
}
input[type="submit"]:hover {
background-color: #3E8E41;
}
</style>
</head>
<body>
<form action="submit.php" method="post">
<label for="content">留言内容</label>
<textarea id="content" name="content" placeholder="请输入留言内容"></textarea>
<label for="contact">联系方式</label>
<input type="text" id="contact" name="contact" placeholder="(此框内填写信息不能超过20个英文字符)">
<input type="submit" value="提交">
</form>
</body>
</html>
```
submit.php文件代码:
```php
<?php
// 连接数据库
$servername = "localhost";
$username = "root";
$password = "123456";
$dbname = "myweb";
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
// 处理留言
$content = $_POST["content"];
$contact = $_POST["contact"];
if (empty($content)) {
header("Location: liuyan.html?error=empty_content");
exit();
}
if (empty($contact)) {
header("Location: liuyan.html?error=empty_contact");
exit();
}
if (strlen($contact) > 20) {
header("Location: liuyan.html?error=contact_too_long");
exit();
}
$time = date("Y-m-d H:i:s");
$sql = "INSERT INTO liuyan (content, contact, time) VALUES ('$content', '$contact', '$time')";
if ($conn->query($sql) === TRUE) {
header("Location: liuyan.html?success");
exit();
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
$conn->close();
?>
```
注意:以上代码仅供参考,需要根据实际情况进行修改和完善。同时,需要注意防止SQL注入攻击等安全问题。
阅读全文