TODOS4S Cloud requires only a bare minimum to automatically hook into an HTML form and send submissions. The sample form below meets these requirements.
A unique means of identifying the submission.
Either theid
(“example_form“) oraction
(“/thankyou“) attributes may be used. Theid
is preferable and should be unique across all forms.A flag to indicate which
<form>
elements to handle.
The CSS classs4scloud-form
indicates to the S4S Cloud client that it should process this form.Names on the
<input>
elements.
All fields have aname
attribute. As with standard form processing, this identifies the fields and allows reliable mapping.
Code Block | ||
---|---|---|
| ||
<form method="post" class="s4scloud-form" id="example_form" action="/thankyou">
<label for="firstName">First name</label>
<input type="text" name="firstName" />
<label for="lastName">Last name</label>
<input type="text" name="lastName" required />
<label for="email">Email</label>
<input type="email" name="email" required />
<label for="company">Company</label>
<input type="text" name="company" required />
<button type="submit">Submit</button>
</form> |
Info |
---|
If the S4S Cloud form submission succeeds standard form submission will continue, in this case POSTing to the /thankyou page. If it fails a validation error will be shown on the form. |