表单按钮，连接到Firebase

<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-database.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-storage.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-functions.js"></script>

<script>
  // 初始化Firebase应用
  const firebaseConfig = {
    apiKey: "YOUR_API_KEY",
    authDomain: "YOUR_AUTH_DOMAIN",
    projectId: "YOUR_PROJECT_ID",
    storageBucket: "YOUR_STORAGE_BUCKET",
    messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
    appId: "YOUR_APP_ID"
  };

  firebase.initializeApp(firebaseConfig);
</script>

<form>
  <!-- 表单内容 -->
  <input type="text" name="name" placeholder="姓名">
  <input type="email" name="email" placeholder="邮箱">
  <textarea name="message" placeholder="留言"></textarea>

  <!-- 表单按钮 -->
  <button type="submit" onclick="submitForm()">提交</button>
</form>

<script>
  function submitForm() {
    // 获取表单数据
    const name = document.querySelector('input[name="name"]').value;
    const email = document.querySelector('input[name="email"]').value;
    const message = document.querySelector('textarea[name="message"]').value;

    // 存储表单数据到Firebase实时数据库
    const database = firebase.database();
    const formDataRef = database.ref('form_data');
    formDataRef.push({
      name: name,
      email: email,
      message: message
    });

    // 清空表单数据
    document.querySelector('input[name="name"]').value = '';
    document.querySelector('input[name="email"]').value = '';
    document.querySelector('textarea[name="message"]').value = '';
  }
</script>