forms-sample-response.php 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>jQuery Mobile Docs - Sample form response</title>
  7. <link rel="stylesheet" href="../../jquery.mobile-1.0.1.min.css" />
  8. <link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
  9. <script src="../../jquery.js"></script>
  10. <script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
  11. <script src="../_assets/js/jqm-docs.js"></script>
  12. <script src="../../jquery.mobile-1.0.1.min.js"></script>
  13. </head>
  14. <body>
  15. <div data-role="page" class="type-interior">
  16. <div data-role="header" data-theme="e">
  17. <h1>Sample form response</h1>
  18. <a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
  19. </div><!-- /header -->
  20. <div data-role="content" data-theme="c">
  21. <div class="content-primary">
  22. <form action="index.html" method="get">
  23. <h2>You Chose:</h2>
  24. <div class="ui-body ui-body-d ui-corner-all">
  25. <?php
  26. echo "<p> " . $_REQUEST['shipping'] . "</p>";
  27. ?>
  28. </div>
  29. <a href="forms-sample.html" data-role="button" data-theme="b" data-icon="arrow-l">Change shipping method</a>
  30. </form>
  31. </div><!--/content-primary -->
  32. <div class="content-secondary">
  33. <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
  34. <h3>More in this section</h3>
  35. <ul data-role="listview" data-theme="c" data-dividertheme="d">
  36. <li data-role="list-divider">Form elements</li>
  37. <li><a href="docs-forms.html">Form basics</a></li>
  38. <li><a href="forms-all.html">Form element gallery</a></li>
  39. <li><a href="textinputs/">Text inputs</a></li>
  40. <li><a href="search/">Search inputs</a></li>
  41. <li><a href="slider/">Slider</a></li>
  42. <li><a href="switch/">Flip toggle switch</a></li>
  43. <li><a href="radiobuttons/">Radio buttons</a></li>
  44. <li><a href="checkboxes/">Checkboxes</a></li>
  45. <li><a href="forms-selects.html">Select menus</a></li>
  46. <li><a href="forms-themes.html">Theming forms</a></li>
  47. <li><a href="forms-all-native.html">Native form elements</a></li>
  48. <li data-theme="a"><a href="forms-sample.html">Submitting forms</a></li>
  49. </ul>
  50. </div>
  51. </div>
  52. </div><!-- /content -->
  53. <div data-role="footer" class="footer-docs" data-theme="c">
  54. <p>&copy; 2011-2012 The jQuery Project</p>
  55. </div>
  56. </div><!-- /page -->
  57. </body>
  58. </html>