After you have created a new form endpoint you now can configure your HTML form.

Use the unique submission URL and paste it into the action attribute of your HTML form.

That's it, you're ready to go!

Example:

<form method="POST" **action="<https://www.tinyfor.ms/s/jf2buT4wKKggERczyxfPSYMJ>"** enctype="multipart/form-data">
  <input type="email" name="email">
  <textarea name="message"></textarea>
  <input type="file" name="attachment">
  <button type="submit">Submit</button>
</form>

Important form details

Please make sure that all your input fields have a **name attribute** defined. The name attribute maps to the column in your spreadsheet.

For example: the submitted value of the following input field with a name="email" will appear in the email column of your spreadsheet.

<input type="text" **name="email"**>

If you want to receive file uploads please make sure that your HTML form has the enctype="multipart/form-data" set.

If you see issues with special characters, please also set a accept-charset="UTF-8"on your HTML form.

<form method="POST" enctype="multipart/form-data" accept-charset="UTF-8">
...
</form>

Advanced integration

If you want to have more control and a deeper integration into your application you can use our JavaScript library and submit the form using AJAX and handle the response in your JavaScript.

Simply add https://www.tinyfor.ms/tinyforms.js to your page and define the data-tinyforms attribute on your HTML form element.

Here is an example:

Form:

<form data-tinyforms id="tinyforms-example" method="POST" action="..." enctype="multipart/form-data">
  <input type="text" name="name">
</form>
<script src="<https://www.tinyfor.ms/tinyforms.js>"></script>