Search within TutorialsPark

jQuery Mobile : Checkboxes


Learn how to use jQuery Mobile to create Checkboxes, Radio Buttons and Range Sliders.


jQuery Mobile: Basic Text Input

jQuery Mobile standard alpha numeric text input is created using the attribute type="text" within an input element.

Example: jQuery Mobile - Basic Text Input

Give it a TRY! » Note: The value of for attribute must match with the id of input


jQuery Mobile: Mini Text Input

A Minified version of the text input can be created using the attribute data-mini="true" within the input Element.

Syntax: jQuery Mobile Mini Text Input

Give it a TRY! » Note:Use this feature when there a lot of elements displayed on the page.


jQuery Mobile: Wrapping Text Input

To group the text input with label within a wrapper, use the attribute ui-field-contain.

Syntax: jQuery Mobile Wrapping Text Input

Give it a TRY! » Note: The input and label are wrapped in a single line


jQuery Mobile: All Types of Text Input

All HTML5 Text input elements can be used with jQuery Mobile Text input widget.

Syntax: jQuery Mobile All Types of Text Input

Give it a TRY! » Note:These inputs are compatible for handheld device keyboards