YouTip

# jQuery Mobile Filters * * * ## Filterable Elements All elements that have one or more child elements can be filtered. **How to create a search field:** * The element you want to filter must use the data-filter="true" attribute. * Create an element and specify an id, and add the data-type="search" attribute to the element. This creates a basic search field. Place the element inside a form, and add the "ui-filterable" class to the element - this class adjusts the margin between the search field and the filterable element. * Next, add the data-input attribute to the filterable element. The value must be the id of the element. Next, let's create a filterable list: ## Search Elements in a List

• Adele
• Billy
• Calvin

[Try it out »](#) **Tip:** You can use the placeholder attribute in the search field to set a hint message: ## Example [Try it out »](#) * * * ## Custom Filtering Generally, the text inserted into each list item is used as the filtering text (e.g., A corresponds to "Adele" or B corresponds to