Use a Form

Go to the FieldGoal forms page and locate the form you want to use.

Form List

Click on "Copy form code"; it should look similar to this:

<form action="http://fieldgoal.io/f/MDhliW" method="POST">

Alternatively, open the form and go to its "Configuration" page. The "Form Endpoint" section at the top has both the form URL, which you can send POST requests to from an HTML form or with JavaScript, and the embed code. Use the copy button next to either one.

Form Endpoint

This embed code can replace an existing HTML form tag, or if you have a form setup the way you like it, just make sure that the method attribute is set to "POST" and the action attribute is set to the FieldGoal endpoint. We'll give a few examples below.

HTML

<form action="http://fieldgoal.io/f/MDhliW" method="POST">
    <input type="text" name="first_name">
    <input type="text" name="last_name">
</form>

TailwindCSS

<form action="http://fieldgoal.io/f/MDhliW" method="POST" class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4">
    <div class="mb-4">
        <input class="border rounded w-full py-2 px-3 focus:shadow-outline" type="text" placeholder="Username">
        <input class="border rounded w-full py-2 px-3 focus:shadow-outline" type="text" placeholder="Password">
    </div>
</form>