---
title: formTemplate
framework: tvml
role: collectionGroup
path: tvml/formtemplate
---

# formTemplate

Provides the ability to gather information from the user.

## Overview

Overview Use the formTemplate element to gather information from the user; for example, requiring a password to access your app. The banner area can contain an image and a description of your product. The user enters text in the text field directly below the banner using the automatically generated keyboard. Use the footer area to contain any user interaction buttons. The following figure shows the basic layout for a formTemplate page. The theme for the form template defaults to the system preference.

Form Template The following listing shows the main elements of the formTemplate element in TVML format. <formTemplate>     <background>         …     </background>     <banner>         <img />         <description>…</description>     </banner>     <textField>…</textField>     <footer>…</footer> </formTemplate> Element Descriptions Example The following listing shows the TVML for a formTemplate example. The interactive keyboard is automatically created. The footer area contains a button that can submit the user input. Modify your main JavaScript file to accept the user input from the button. For more information on available JavaScript functions, see TVMLKit JS. <document>     <formTemplate>         <banner>             <img src="path to images on your server/Car_Movie_800X400.png" width="800" height="400"/>             <description>Enter email for access</description>         </banner>         <textField>tclark@example.com</textField>         <footer>             <button>                 <text>Submit</text>             </button>         </footer>     </formTemplate> </document> The following figure shows the output for the above example:

## Topics

### Valid TVML Attributes

- [binding](tvml/binding.md)
- [layoutDirection](tvml/layoutdirection.md)
- [prototype](tvml/prototype.md)
- [theme](tvml/theme.md)

## See Also

### Full-Page Templates

- [alertTemplate](tvml/alerttemplate.md)
- [catalogTemplate](tvml/catalogtemplate.md)
- [compilationTemplate](tvml/compilationtemplate.md)
- [descriptiveAlertTemplate](tvml/descriptivealerttemplate.md)
- [divTemplate](tvml/divtemplate.md)
- [listTemplate](tvml/listtemplate.md)
- [loadingTemplate](tvml/loadingtemplate.md)
- [mainTemplate](tvml/maintemplate.md)
- [menuBarTemplate](tvml/menubartemplate.md)
- [oneupTemplate](tvml/oneuptemplate.md)
- [paradeTemplate](tvml/paradetemplate.md)
- [productBundleTemplate](tvml/productbundletemplate.md)
- [productTemplate](tvml/producttemplate.md)
- [ratingTemplate](tvml/ratingtemplate.md)
- [searchTemplate](tvml/searchtemplate.md)