##

Demos

Menu Search

# Text inputs

Text inputs and textareas are coded with standard HTML elements, then enhanced by jQuery Mobile to make them more attractive and useable on a mobile device.

## Text

Text input: Text input: data-clear-btn="true"

## Search

Search:

## Textarea

Textarea:

## Number
Number: data-clear-btn="false" Number: data-clear-btn="true" Number + pattern: data-clear-btn="false" Number + pattern: data-clear-btn="true"

## Date
Date: data-clear-btn="false" Date: data-clear-btn="true"

## Month
Month: data-clear-btn="false" Month: data-clear-btn="true"

## Week
Week: data-clear-btn="false" Week: data-clear-btn="true"

## Time
Time: data-clear-btn="false" Time: data-clear-btn="true"

## Datetime
Datetime: data-clear-btn="false" Datetime: data-clear-btn="true" Datetime-local: data-clear-btn="false" Datetime-local: data-clear-btn="true"

## Telephone
Tel: data-clear-btn="false" Tel: data-clear-btn="true"

## Email
Email: data-clear-btn="false" Email: data-clear-btn="true"

## URL
Url: data-clear-btn="false" Url: data-clear-btn="true"

## Password
Password: data-clear-btn="false" Password: data-clear-btn="true"

## Color
Color: data-clear-btn="false"
Color: data-clear-btn="true"

## File
File: data-clear-btn="false" File: data-clear-btn="true"

## Mini
Text input: Text input: data-clear-btn="true" Search: Textarea:

## Placeholder
Text input: Text input: data-clear-btn="true" Search: Textarea:

## Value/Text
Text input: Text input: data-clear-btn="true" Search: Textarea: Text

## Label hidden
Text input: Text input: data-clear-btn="true" Search: Textarea:

## Disabled
Text input: Text input: data-clear-btn="true" Search: Textarea:

## Fieldcontain
Text input:
Text input: data-clear-btn="true"
Search:
Textarea:

## Fieldcontain, mini sized
Text input:
Text input: data-clear-btn="true"
Search:
Textarea:

## Fieldcontain, hidden label
Text input:
Text input: data-clear-btn="true"
Search:
Textarea:

- Menu
- Home
- Getting started
- Introduction
- Responsive Web Design
- Page Navigation
- Pages
- Single page
- Multi-page template
- Dialog page
- Navigation
- Linking pages
- PHP redirect demo
- Backbone RequireJS demo
- Transitions
- Themes
- Default theme
- Classic theme
- Buttons & Icons
- Buttons
- Icons
- Icons load script
- CSS Framework
- Grids
- Grids: buttons
- Grids: custom responsive
- Form field containers
- Form hide labels
- Events
- Swipe list items
- Swipe page navigation
- Widgets
- Loader
- Toolbar
- Toolbar: external
- Toolbar: fixed
- Toolbar: fixed external
- Toolbar: persistent
- Navbar
- Tabs
- Panel
- Panel: examples
- Panel: external
- Panel: fixed
- Panel: responsive
- Panel: styling
- Panel: swipe open
- Popup
- Popup: alignment
- Popup: arrow size
- Popup: dynamic
- Popup: iframe
- Popup: image scaling
- Popup outside multi-page
- Listview
- Listview: autocomplete
- Listview: autocomplete remote data
- Listview: autodividers selector
- Listview: responsive grid
- Listview: linkbar
- Collapsible
- Collapsible: dynamic
- Collapsible set
- Controlgroup
- Controlgroup: dynamic
- Table Column Toggle
- Table Column Toggle: example
- Table Column Toggle: heading groups
- Table Column Toggle: options
- Table Reflow
- Table Reflow: heading groups
- Table Reflow: stripes and strokes
- Table Reflow: custom styles
- Filterable
- Form Widgets
- Forms
- Textinput
- Input button
- Checkboxradio: checkbox
- Checkboxradio: radio
- Selectmenu
- Selectmenu: custom
- Selectmenu: custom with filter
- Slider
- Slider: flip toggle switch
- Slider: tooltip
- Rangeslider
- Flipswitch
- Showcase
- Map geolocation demo
- Map list toggle demo

- Getting started
- Introduction
- Responsive Web Design
- Page Navigation
- Pages
- Single page
- Multi-page template
- Dialog page
- Navigation
- Linking pages
- PHP redirect demo
- Backbone RequireJS demo
- Transitions
- Themes
- Default theme
- Classic theme
- Buttons & Icons
- Buttons
- Icons
- Icons load script
- CSS Framework
- Grids
- Grids: buttons
- Grids: custom responsive
- Form field containers
- Form hide labels
- Events
- Swipe list items
- Swipe page navigation
- Widgets
- Loader
- Toolbar
- Toolbar: external
- Toolbar: fixed
- Toolbar: fixed external
- Toolbar: persistent
- Navbar
- Tabs
- Panel
- Panel: examples
- Panel: external
- Panel: fixed
- Panel: responsive
- Panel: styling
- Panel: swipe open
- Popup
- Popup: alignment
- Popup: arrow size
- Popup: dynamic
- Popup: iframe
- Popup: image scaling
- Popup outside multi-page
- Listview
- Listview: autocomplete
- Listview: autocomplete remote data
- Listview: autodividers selector
- Listview: responsive grid
- Listview: linkbar
- Collapsible
- Collapsible: dynamic
- Collapsible set
- Controlgroup
- Controlgroup: dynamic
- Table Column Toggle
- Table Column Toggle: example
- Table Column Toggle: heading groups
- Table Column Toggle: options
- Table Reflow
- Table Reflow: heading groups
- Table Reflow: stripes and strokes
- Table Reflow: custom styles
- Filterable
- Form Widgets
- Forms
- Textinput
- Input button
- Checkboxradio: checkbox
- Checkboxradio: radio
- Selectmenu
- Selectmenu: custom
- Selectmenu: custom with filter
- Slider
- Slider: flip toggle switch
- Slider: tooltip
- Rangeslider
- Flipswitch
- Showcase
- Map geolocation demo
- Map list toggle demo