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!
<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>
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>
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>