HTML是一种标记语言，主要用于创建网页，它本身并不具备连接数据库的功能，但是可以通过JavaScript、PHP、ASP.NET等后端编程语言来实现与数据库的连接，下面分别介绍使用JavaScript、PHP和ASP.NET连接数据库的方法。
1、使用JavaScript连接数据库
JavaScript是一种客户端脚本语言，主要用于实现网页的交互功能，要使用JavaScript连接数据库，需要借助于服务器端的支持，这里以Ajax技术为例，介绍如何使用JavaScript连接数据库。
在HTML页面中创建一个表单，用于输入查询条件：
<!DOCTYPE html>
<html>
<head>
<title>使用JavaScript连接数据库</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<form id="searchForm">
<input type="text" id="searchKeyword" placeholder="请输入关键词">
<button type="submit">搜索</button>
</form>
<div id="result"></div>
<script>
$(document).ready(function() {
$("#searchForm").on("submit", function(event) {
event.preventDefault();
var keyword = $("#searchKeyword").val();
$.ajax({
url: "search.php", // 请求后端处理数据的URL
type: "POST", // 请求方法
data: {keyword: keyword}, // 发送到后端的数据
success: function(data) { // 请求成功后的回调函数
$("#result").html(data); // 将数据显示在页面上
}
});
});
});
</script>
</body>
</html>
接下来，创建一个名为search.php的PHP文件，用于处理前端发送的请求，并与数据库进行连接：
<?php
header("Content-Type: application/json; charset=utf-8"); // 设置响应内容类型和字符集
$servername = "localhost"; // 数据库服务器地址
$username = "username"; // 数据库用户名
$password = "password"; // 数据库密码
$dbname = "myDB"; // 数据库名称
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接是否成功
if ($conn->connect_error) {
die("连接失败： " . $conn->connect_error);
}
$keyword = $_POST["keyword"]; // 获取前端发送的关键词
$sql = "SELECT * FROM myTable WHERE name LIKE '%$keyword%'"; // 编写SQL查询语句
$result = $conn->query($sql); // 执行查询操作
$data = array(); // 存储查询结果的数组
if ($result->num_rows > 0) { // 判断查询结果是否有数据
while($row = $result->fetch_assoc()) { // 遍历查询结果集
$data[] = $row; // 将每行数据添加到数组中
}
} else {
$data[] = array("message" => "没有找到相关数据"); // 如果查询结果为空，添加提示信息到数组中
}
echo json_encode($data); // 将数组转换为JSON格式并输出
$conn->close(); // 关闭数据库连接
?>
2、使用PHP连接数据库
PHP是一种服务器端脚本语言，可以直接与数据库进行连接，这里以MySQL数据库为例，介绍如何使用PHP连接数据库。
在HTML页面中创建一个表单，用于输入查询条件：
<form action="search.php" method="post">
<input type="text" name="searchKeyword" placeholder="请输入关键词">
<button type="submit">搜索</button>
</form>
接下来，创建一个名为search.php的PHP文件，用于处理前端发送的请求，并与数据库进行连接：
<?php
header("Content-Type: application/json; charset=utf-8"); // 设置响应内容类型和字符集
$servername = "localhost"; // 数据库服务器地址
$username = "username"; // 数据库用户名
$password = "password"; // 数据库密码
$dbname = "myDB"; // 数据库名称
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检查连接是否成功
if ($conn->connect_error) {
die("连接失败： " . $conn->connect_error);
}
$keyword = $_POST["searchKeyword"]; // 获取前端发送的关键词
$sql = "SELECT * FROM myTable WHERE name LIKE '%$keyword%'"; // 编写SQL查询语句
$result = $conn->query($sql); // 执行查询操作
$data = array(); // 存储查询结果的数组
if ($result->num_rows > 0) { // 判断查询结果是否有数据
while($row = $result->fetch_assoc()) { // 遍历查询结果集
$data[] = $row; // 将每行数据添加到数组中
}
} else {
$data[] = array("message" => "没有找到相关数据"); // 如果查询结果为空，添加提示信息到数组中
}
echo json_encode($data); // 将数组转换为JSON格式并输出
$conn->close(); // 关闭数据库连接
?>