在 HTML 中连接和调用 MySQL 数据库可以通过使用服务器端脚本语言（如 PHP、Python 等）和数据库连接扩展来实现。下面是一个使用 PHP 连接和调用 MySQL 数据库的简单示例：

1. 创建一个 HTML 表单，用于接收用户输入的数据库连接信息以及查询条件。例如：

  主机名:
  


  用户名:
  


  密码:
  


  数据库名:
  


  查询语句:
  


  

2. 创建一个 PHP 脚本（例如 `query.php`），用于处理用户提交的表单数据，并连接到 MySQL 数据库。例如：

```php

<?php

// 获取表单数据

$host = $_POST['host'];

$username = $_POST['username'];

$password = $_POST['password'];

$database = $_POST['database'];

$query = $_POST['query'];

// 连接到 MySQL 数据库

$conn = new mysqli($host, $username, $password, $database);

// 检查连接是否成功

if ($conn->connect_error) {

die("连接失败: " . $conn->connect_error);

}

// 执行查询语句

$result = $conn->query($query);

// 处理查询结果

if ($result->num_rows > 0) {

// 输出查询结果

while($row = $result->fetch_assoc()) {

echo "字段1: " . $row["field1"]. " - 字段2: " . $row["field2"]. "<br>";

}

} else {

echo "没有查询到结果";

}

// 关闭数据库连接

$conn->close();

?>

其中，`$host`、`$username`、`$password`、`$database` 分别代表用户在 HTML 表单中输入的主机名、用户名、密码和数据库名。`$query` 是用户输入的查询语句。脚本中使用 `new mysqli()` 来建立与 MySQL 数据库的连接，`$conn->query()` 执行查询语句，`$result->fetch_assoc()` 用于获取查询结果的每一行数据。

需要注意的是，为了安全起见，建议对用户输入的数据进行适当的验证和过滤，以防止 SQL 注入等安全问题。另外，为了更好地组织代码，建议将数据库连接的相关信息以及数据库操作的逻辑封装在一个函数或者类中，并将其引入到脚本中使用。