---
title: searchField
framework: tvml
role: collectionGroup
path: tvml/searchfield
---

# searchField

Displays an interactive text field used to search for content.

## Overview

Overview The searchField element creates a text field for user input. Different keyboards can be used to provide the best input experience for the user. Here’s an example that presents a search field along with three movies. <searchTemplate>     <searchField/>     <shelf>         <header>             <title>Popular</title>         </header>         <section>             <lockup>                 <img src="path to images on your server/Car_Movie_250x375_A.png" width="182" height="274" />                 <title>Movie 1</title>             </lockup>             <lockup>                 <img src="path to images on your server/Car_Movie_250x375_B.png" width="182" height="274" />                 <title>Movie 2</title>             </lockup>             <lockup>                 <img src="path to images on your server/Car_Movie_250x375_C.png" width="182" height="274" />                 <title>Movie 3</title>             </lockup>         </section>     </shelf> </searchTemplate> Contained In searchTemplate stackTemplate

## Topics

### Valid TVML Attributes

- [binding](tvml/binding.md)
- [keyboardType](tvml/keyboardtype.md)
- [prototype](tvml/prototype.md)
- [showSpinner](tvml/showspinner.md)
- [theme](tvml/theme.md)

## See Also

### Multimedia Elements

- [asset](tvml/asset.md)
- [relatedContentURL](tvml/relatedcontenturl.md)
- [textField](tvml/textfield.md)
- [mediaContent](tvml/mediacontent.md)