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.

02. Using The Plugin

03. Layer Support

04. Basic Exports

05. Layer Tags

06. Optimization Tips

07. Complete Exports

🚀 Start saving time and money!