php-chatgpt-openai-api-demo
/
conversation.html

<!DOCTYPE html>
<html>
<head>
  <title>ChatGPT智能问答(免费版)</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  <script src="js/effect.js"></script>
  <script src="js/createconversation.js?v=1.0.1"></script>
  <style>
    h2 {
      padding-top:10px;
    }
    hr {
      margin-top: -8px;
    }
    #submit {
      background-color: #29b9b9fa;
      color: white;
      font-weight: bold;
      border: none;
    }
    #submit:hover {
      cursor: pointer;
    }

    form {
      display: block;
      margin: 0 auto;
      /*text-align: center;*/
    }

    input[type="text"]{
      width: 75%;
      padding: 6px;
      margin-bottom: 10px;
    }

    #submit{
      height: 32px;
      width: 18%;
      margin-bottom: 10px;
      display:inline-block;

    }

    h1 {
      text-align: center;
    }

    #conversationContainer {
      margin: 0 auto;
      padding: 10px;
      /*text-align: justify;*/
      word-wrap: break-word;
    }

    #hrtag {
      display: none;
    }
    pre {
      margin-top: -6px;
    }

    .jump-link {
      width:100%; font-size:13px; display:block; padding:10px; line-height:22px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;color: #9e9e9e;font-family:宋体;
    }

    .jump-link  a {
      text-decoration:none;
    }
    .jump-link  a:visited {
      color: inherit;
    }
  </style>
</head>
<body>
<h2>chatGPT智能问答</h2>
<hr/>
<div id="conversationContainer"></div>

<form id="createConversationForm">
  <input type="text" id="prompt" name="prompt" placeholder="请输入关键词" required />

  <button type="submit" id="submit" style="height: 30px;display: inline-block; ">提问</button>
</form>


<br/>
<br/>
<div class="jump-link">
  单击此处跳转：<a href="createimage.html" style="color: #2196f3">chatGPT智能图片生成</a>
  <br/>
  单击此处跳转：<a href="index.html" style="color: #2196f3">chatGPT智能应用首页</a>
</div>

<div style="color:#9a9595; font-size:12px;line-height:18px;font-family:宋体;padding:10px;">
  1.本案例仅为测试demo，免费版本速度没有很快，请见谅（以后会升级为付费版本）  <br/>
  2.chatGPT对接/科学上网/网站小程序开发/微信公众号对接等，请加微信:adminiluzi
</div>
</body>
</html>