jQuery-Mobile-Forms/forms-part2.php at master · pinehead/jQuery-Mobile-Forms · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
 <!DOCTYPE html>
<html>
	<head>
	<title>Page Title</title>

	<meta name="viewport" content="width=device-width, initial-scale=1">

	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head>

<body>
<!--
Show disable form elements
Show all form elements
Transfer to php and display restults
Disable ajax
-->

<form action="results2.php" id="form2" method="POST" data-ajax="false">

<div data-role="fieldcontain">
 <label for="text">Text Input:</label>
 <input type="text"  name="text" id="text" value="" />
</div>


<div data-role="fieldcontain">
	<label for="slider">Input Slider:</label>
	<input type="range" name="slider" id="slider" value="25" min="0" max="100" />
</div>


<div data-role="fieldcontain">
	<label for="flip">Flip Switch</label>
	<select name="flip" id="flip" data-role="slider">
	<option value="no">No</option>
	<option value="yes">Yes</option>
	</select>
</div>

<div data-role="fieldcontain">
	<fieldset data-role="controlgroup">
		<input type="radio" name="radio1" id="radio-choice-1" value="choice-1" />
		<label for="radio-choice-1">Cat</label>

		<input type="radio" name="radio1" id="radio-choice-2" value="choice-2" />
		<label for="radio-choice-2">Dog</label>
	</fieldset>
</div>

<div data-role="fieldcontain">
	<fieldset data-role="controlgroup">
	<legend>Agree to the terms:</legend>
	<input type="checkbox" name="checkbox1" id="checkbox-1" class="custom" />
	<label for="checkbox-1">I agree</label>
	</fieldset>
</div>


<label for="select" class="select">Shipping method:</label>
<select name="select" id="select-choice-1">
	<option value="standard">Standard</option>
	<option value="Not-Standard">Not-Standard</option>
</select>


<input type="submit" value="Submit Form" id="submit" data-theme="a" />
</form>


</body>
</html>