JQuery Mobile Tutorial: Form form Component

Article Introduction: This article focuses on a few common components of the form in the jquery mobile system.

In this article, we take a look at some of the common components of the form in the jquery mobile system, and we use the "question answering" method to get a preliminary understanding of:

1, how to set up radio?

Example:

<!--content start--> <div data-role= "Content" > <!--h3 start-->  
Icon:
 
 
Description
1, pay attention to the structure, the use of fieldset, and increase data-role= "Controlgroup"
2, the default enhancement is vertical mode
3, can be set data-type= "horizontal" to enhance the level of the model
 
2. How to set a checkbox?  
Example:
 
<!--content start--> <div data-role= "Content" > <!--h3 start-->  
Icon:
 
 
Description
1, pay attention to the structure, the use of fieldset, and increase data-role= "Controlgroup"
2, the default enhancement is vertical mode
3, can be set data-type= "horizontal" to enhance the level of the model
 
3, how to set range?  
Example:
 
		<label for= "Vol_range" >range:</label> 		<input type= "range" id= "Vol_range" value= "3" min= "1" max= " "step=" 2 "/> 	
 
Icon:
 
 
Description
1, pay attention to the structure, the use of HTML5 type= "range"
 
Demo