${ form |type :args }
- usage : ${form|post://localhost/form.php}

This will allow you to wrap the document folder contents into a Form element respective of the output environment. The Form element will enhance your interactive outputs adding the ability to build data-driven interactive applications from a single PSD file.

GET and POST Support

Form supports two tag [types]: get and post, along with [args] for the [action url] of the form. The [args] must be a valid [url].

Example: ${form|get://localhost/get-script.php}

Example: ${form|post://localhost/post-script.php}

Form Handling

Form Tags will allow you to build data driven HTML5 web forms which will directly export with the required settings usage. Web forms will take the user input and send data to server-side script, so you will need a server-side script to process the form, see example php email script below.

Example PHP Email Script

1
2
3
4
5
6
7
8
9
10
11
12
13

<?php
    //edit this
    $youremail = "youremail@yoursite.com";
    $subject="Message sent using your contact form";
 
    //DO NOT edit this
    $name=$_REQUEST['name'];
    $email=$_REQUEST['email'];
    $message=$_REQUEST['message'];
    $from="From: $name<$email>\r\nReturn-path: $email";
    mail($youremail, $subject, $message, $from);
    echo "Email sent!";
?>

This script will give you basic form handling using both GET and POST request.