Navigation
Search
clear text
Submit
Submit
Accordion
//
accordions collapsible sets content formatting grouped inset mini
AJAX Navigation
//
ajax navigation navigate event method
Autocomplete
//
autocomplete filter reveal listviews remote listviewbeforefilter placeholder
Buttons
//
buttons inputs forms inline theme grouped icons mini disabled
Checkboxes
//
checkboxes checkboxradio inputs forms mini disabled
Collapsibles
//
collapsibles content formatting
Controlgroup
//
controlgroups selects checkboxradio buttons horizontal vertical
Dialogs
//
dialogs modal popups
Fixed toolbars
//
fixed toolbars headers footers sections fullscreen
Flip switch toggle
//
flip toggle switch binary slider selects forms disabled
Footer toolbar
//
footer toolbars footers sections
Form elements
//
forms inputs slider button range toggle switch label disabled accessible fieldcontains elements
Grids
//
grids columns blocks content formatting rwd responsive
Header toolbar
//
header toolbars fixed fullscreen sections
Icons
//
icons buttons disc position
Links
//
links navigation ajax prefetch cache
Listviews
//
listviews thumbnails icons nested split button collapsible ul ol
Loader overlay
//
ajax loader overlay spinner pages
Navbar
//
navbars navmenu toolbars links icons footer header
Navbar, persistent
//
navbars persistent header footer links navmenu
Pages
//
pages single multipage templates ajax nav
Panels
New
//
panels sliding nav modal transition display reveal overlay push rwd responsive
Popup
//
popup dialog modal transition tooltip lightbox form overlay screen flip pop fade transition
Radio buttons
//
radiobuttons checkboxradio inputs forms disabled grouped
Select
//
selectmenus custom native multiple optgroup disabled forms
Slider, single
//
slider, single sliders range inputs forms disabled
Slider, dual range
New
//
slider, dual range sliders rangesliders inputs forms disabled
Table, column toggle
New
//
tables column th td toggle responsive tables rwd hide show tabular
Table, reflow
New
//
tables reflow th td responsive rwd columns tabular
Text inputs & textarea
//
text inputs textarea numeric email tel file date time month clear pattern placeholder forms
Transitions
//
page transitions animated pages ajax navigation flip slide fade pop
Dynamic collapsible
//
dynamic collapsible set accordion append expand
Dynamic controlgroup
//
dynamic controlgroup buttons selects checkboxes forms
Grid Listview
//
grid listview responsive grids responsive listviews lists ul
Autodividers Linkbar
//
autodividers anchor jump scroll linkbars listviews lists ul
Autodividers Selector
//
listviews autodividers selector autodividersselector lists ul ol
Backbone and Require.js example
//
backbone and require.js example navigation router
Redirection with server-side support
//
server redirection with server-side support php
Panel styling
//
panel styling slide panels sliding panels shadow rwd responsive breakpoint
Open panel on swipe
//
open panel on swipe panels left right
Dynamic popup
//
dynamic popups popup images lightbox
Popup with arrow
//
arrow popups popover
Reflow: Custom styles
//
responsive tables reflow stack custom styles
Reflow: Heading groups
//
responsive tables reflow heading groups rwd breakpoint
Reflow: Refresh method
//
responsive tables reflow refresh method dynamically inject data
Column toggle: Customization options
//
responsive tables column toggle hide rwd breakpoint customization options
Column toggle: Heading groups
//
responsive tables column toggle heading groups rwd breakpoint
Column toggle: Refresh method
//
responsive tables column toggle refresh method dynamically inject data
Column toggle demo: Phone comparison
//
responsive tables table column toggle phone comparison rwd breakpoint
Tooltip extension
//
slider tooltip handle value extension input range sliders forms
Swipe to navigate
//
swipe to navigate page transitions navigation
Swipe to delete list item
//
swipe to delete list item listviews lists ul ol
Why won't my CSS styles apply correctly to a widget?
//
CSS styles apply widget scope wrap selector customize
Updating the value of enhanced form elements does not work.
//
form update value enhance pageinit refresh
My HTML 5 inputs look different across devices and browsers.
//
HTML 5 inputs appearance keyboard picker calendar date time slider file color
My range or search inputs are being change to number/text.
//
range search inputs slider number text degrade
Sometimes my custom select shows as a popup other times its a dialog.
//
custom select popup dialog logic
Disabling a button does not work.
//
disable button issue class method
Controls in my fixed header or footer are not responding or behave erratically.
//
fixed toolbar header footer fullscreen select input bug issue
Why aren't my scripts and styles loading?
//
head load scripts styles pageinit onload pagebeforecreate ajax nav pages
Why isn't DOM ready working for my scripts?
//
document.ready onload paginit DOM ready on ready scripts
How do I load a page?
//
ajax nav load page mobile.loadpage
Why is only the first page of my multi page document loaded?
//
ajax nav multi page document load
I'm trying to pass query params to a page but it's not working?
//
pass url query params ajax nav
I'm trying to pass information via the hash but it's not working?
//
hash pass parameters information ajax nav
I'm trying to use the application cache but it's not working.
//
application cache status error isLocal ajax nav
Content injected into a page is not enhanced.
//
>create refresh event trigger pageInit refresh method content injected page not enhanced.
Triggering create on injected HTML does not work.
//
>create trigger event pageInit injected HTML
How can I stop JQM from auto-enhancing an element?
//
auto-enhance element stop preventnative role none
How can I stop JQM from enhancing a block of elements?
//
auto-enhance block container parent stop preventnative role none
How do I control page titles?
//
page title ajax nav head
How do I load a page?
//
ajax nav load page loadPage
How do I use touch and mouse events?
//
touch mouse events vmouseover, vmousedown, vmousemove, vmouseup, vclick, vmousecancel
How does theming work?
//
theme swatch css themeroller customize icons colors fonts style
How do I need to configure PhoneGap/Cordova?
//
How do I need to configure PhoneGap Cordova?
Hide label/legend
Text Input:
View Source
Search Input:
clear text
View Source
Textarea:
Textarea
View Source
Native select:
One
One
Two
Three
View Source
Custom multiple select:
Choices:
0
Choices:
One
Two
Three
View Source
Vertical controlgroup, buttons:
One
One
Two
Three
View Source
Horizontal controlgroup, buttons:
One
One
Two
Three
View Source
Vertical controlgroup, select:
Select A
One
One
Two
Three
Select B
One
One
Two
Three
Select C
One
One
Two
Three
View Source
Horizontal controlgroup, select:
Select A
One
One
Two
Three
Select B
One
One
Two
Three
Select C
One
One
Two
Three
View Source
Horizontal controlgroup, mixed:
Link
Button
Button
Select
One
One
Two
Three
View Source
Slider:
View Source
Flip toggle:
Off
On
On
Off
View Source
Single checkbox:
I agree
View Source
Vertical controlgroup, checkbox:
One
Two
Three
View Source
Vertical controlgroup, radio:
One
Two
Three
View Source
Horizontal controlgroup, checkbox:
One
Two
Three
View Source
Horizontal controlgroup, radio:
One
Two
Three
View Source
Send:
Submit
Submit
View Source
Mini sized
Text Input:
View Source
Search Input:
clear text
View Source
Textarea:
Textarea
View Source
Native select:
One
One
Two
Three
View Source
Custom multiple select:
Choices:
0
Choices:
One
Two
Three
View Source
Vertical controlgroup, buttons:
One
One
Two
Three
View Source
Horizontal controlgroup, buttons:
One
One
Two
Three
View Source
Vertical controlgroup, select:
Select A
One
One
Two
Three
Select B
One
One
Two
Three
Select C
One
One
Two
Three
View Source
Horizontal controlgroup, select:
Select A
One
One
Two
Three
Select B
One
One
Two
Three
Select C
One
One
Two
Three
View Source
Horizontal controlgroup, mixed:
Link
Button
Button
Select
One
One
Two
Three
View Source
Slider:
View Source
Flip toggle:
Off
On
On
Off
View Source
Single checkbox:
I agree
View Source
Vertical controlgroup, checkbox:
One
Two
Three
View Source
Vertical controlgroup, radio:
One
Two
Three
View Source
Horizontal controlgroup, checkbox:
One
Two
Three
View Source
Horizontal controlgroup, radio:
One
Two
Three
View Source
Send:
Submit
Submit
View Source
Back to Forms
jQuery Mobile Demos
Home
Introduction
Demo Showcase
Questions & Answers
Going Responsive
Widget reference
Accordion
AJAX Navigation
Autocomplete
Buttons
Checkboxes
Collapsibles
Controlgroup
Dialogs
Fixed toolbars
Flip switch toggle
Footer toolbar
Form elements
Grids
Header toolbar
Icons
Links
Listviews
Loader overlay
Navbar
Navbar, persistent
Pages
Panels
New
Popup
Radio buttons
Select
Slider, single
Slider, dual range
New
Table, column toggle
New
Table, reflow
New
Text inputs & textarea
Transitions
Choices:
Close
Choices:
One
Two
Three
Choices:
Close
Choices:
One
Two
Three
loading