Forms That Work Exactly How You Need Them To.

<form action="https://www.kirokuforms.com/f/YOUR_FORM_ID" method="POST">
  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required />
  <button type="submit">Subscribe</button>
</form>

// Optional: For AJAX submissions (no page reload)
const form = document.getElementById('myForm');
form.addEventListener('submit', async (e) => {
  e.preventDefault();
  const formData = new FormData(form);
  const response = await fetch(form.action, {
    method: 'POST',
    body: formData,
    headers: { 'Accept': 'application/json' }
  });
  if (response.ok) {
    // Handle success (e.g., show success message)
    console.log('Form submitted successfully!');
    form.reset();
  } else {
    // Handle error
    console.error('Form submission error.');
  }
});

// Example: Fetching form submissions via API (Node.js)
async function getSubmissions(formId, apiKey) {
  const response = await fetch(
    `https://api.kirokuforms.com/v1/forms/${formId}/submissions`,
    { headers: { 'Authorization': `Bearer ${apiKey}` } }
  );
  if (!response.ok) throw new Error('Failed to fetch submissions');
  return await response.json();
}

// getSubmissions('YOUR_FORM_ID', 'YOUR_API_KEY')
//   .then(data => console.log(data.submissions));