Loading...

Input Tag

${ input :args }
- usage : ${input:text}

Input tags provide the ability to add data elements to your form when processing.

Input tag is designed for text layers only.
IMPORTANT: The contents of the text layer will be used as the value of the input element when processing the form.
TIP: Take care when adding layer names for Input items, the layer name will be used as the Input item name/id in the output.  Learn more about Layer Naming Rules.

Input Type Support

Input Tags work with Form Tags to provide customization support for web forms. Input Tags will allow you to define many input elements and export them directly in your HTML5 webpage. Most input elements will require minimal tweaking as all web browsers render forms and input elements differently.

  • checkbox
  • file
  • hidden
  • password
  • radio
  • reset
  • text
  • textarea
  • submit

Example: ${input:submit} submit
Example: ${input:text} user_name
Example: ${input:password} user_password
Example: ${input:hidden} submit_token

Using Input Tags

You should only use Input Tags with Paragraph Text layers, otherwise your output will have unexpected results.

Download the Layer Tags PSD Templates to test [Layer Tags] with your output.
LOGIN NOW: Get instant access to our free Online Training - click here.

Using the Plugin

How To Guides

Help Us Improve


We aim to keep our content relevant with useful information, examples, samples and links. Tell us what you think!

I found the content:

Helpful
Confusing
Outdated
Broken Links
Bad Spelling
Too Short
Too Long

This page needs:

Nothing
Better Content
Links
Examples
Videos

Free Download


One Pager Website

A clean professional single page website design.

Start Your 14 Day Free Trial

Get instant access to your 14 Day Free Trial and Free Online Training. We guarantee your first conversion will 100% work - we work with you to ensure this, Contact Us or check the Community FAQs for assistance.

Connect With Us