Svelte

<script>
  let status = '';
  let isSubmitting = false;

  const handleSubmit = async (event) => {
    event.preventDefault();
    status = '';
    isSubmitting = true;

    const response = await fetch('https://formbase.dev/s/YOUR_FORM_ID', {
      method: 'POST',
      body: new FormData(event.currentTarget),
      redirect: 'manual',
    });

    status = response.status === 303 || response.ok
      ? 'Submitted!'
      : 'Submission failed.';

    isSubmitting = false;
  };
</script>

<form on:submit|preventDefault={handleSubmit}>
  <input name="name" placeholder="Name" required />
  <input name="email" type="email" placeholder="Email" required />
  <textarea name="message" required></textarea>
  <button type="submit" disabled={isSubmitting}>
    {isSubmitting ? 'Sending...' : 'Send'}
  </button>
  {#if status}<p>{status}</p>{/if}
</form>