一个简单的 ChatGPT 密钥额度查询页面的 HTML 代码示例

HTML代码
来源：站三界导航
127阅读
2023-05-23

<!DOCTYPE html>
<html>
<head>
    <title>ChatGPT 密钥额度查询</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f2f2f2;
        }
        h1 {
            text-align: center;
            margin-top: 50px;
        }
        form {
            margin: 50px auto;
            max-width: 500px;
            padding: 20px;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        }
        label {
            display: block;
            margin-bottom: 10px;
            font-weight: bold;
        }
        input[type="text"], input[type="number"] {
            display: block;
            width: 100%;
            padding: 10px;
            margin-bottom: 20px;
            border: 1px solid #ccc;
            border-radius: 5px;
            font-size: 16px;
        }
        input[type="submit"] {
            background-color: #4CAF50;
            color: #fff;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
        }
        input[type="submit"]:hover {
            background-color: #3e8e41;
        }
        .result {
            margin-top: 50px;
            padding: 20px;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        }
        .result h2 {
            margin-top: 0;
        }
    </style>
</head>
<body>
    <h1>ChatGPT 密钥额度查询</h1>
    <form method="post" action="query.php">
        <label for="key">密钥：</label>
        <input type="text" id="key" name="key" required>
        <label for="quota">额度：</label>
        <input type="number" id="quota" name="quota" required>
        <input type="submit" value="查询">
    </form>
    <div class="result">
        <?php
            if (isset($_POST['key']) && isset($_POST['quota'])) {
                $key = $_POST['key'];
                $quota = $_POST['quota'];
                // 在这里编写查询代码，将结果输出到下面的 <h2> 标签中
                echo '<h2>查询结果：xxx</h2>';
            }
        ?>
    </div>
</body>
</html>

请注意，这只是一个示例代码，您需要根据您的实际需求进行修改和调整。此外，您还需要编写服务器端脚本来处理表单提交和查询结果，并将其与此 HTML 页面结合使用。本文结束

本文来自投稿，不代表站三界导航立场，如若转载，请注明出处：https://www.zhansanjie.com/article/details/43660.html

1、本文系转载，版权归原作者所有，旨在传递信息，不代表看本站的观点和立场。

2、本站仅提供信息发布平台，不承担相关法律责任。

3、若侵犯您的版权或隐私，请联系本站管理员删除。

4、本文由会员转载自互联网，如果您是文章原创作者，请联系本站注明您的版权信息。

上一篇：与火的有关诗句（跟火有关的诗词名句）

下一篇：一个简单的Chat GPT聊天HTML页面代码，调用API的方法和设置方法