wizardUser.html 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Media Browser</title>
  5. </head>
  6. <body>
  7. <div id="wizardUserPage" data-role="page" class="page standalonePage wizardPage">
  8. <div data-role="content">
  9. <div class="ui-corner-all ui-shadow wizardContent">
  10. <form id="wizardUserForm">
  11. <h2>
  12. <img src="css/images/currentUserDefaultBlack.png" style="height: 30px;" />Tell Us About Yourself</h2>
  13. <p>Media Browser includes built-in support for user profiles, enabling each user to have their own display settings, playstate and ratings.</p>
  14. <ul data-role="listview" class="ulForm">
  15. <li>
  16. <label for="txtUsername">Your first name: </label>
  17. <input type="text" id="txtUsername" name="txtUsername" required="required" />
  18. <div class="fieldDescription">
  19. More users can be added later within the Dashboard.
  20. </div>
  21. </li>
  22. </ul>
  23. <div class="wizardNavigation">
  24. <button type="button" data-iconpos="left" data-icon="arrow-left" data-inline="true" onclick="history.back();">Previous</button>
  25. <button type="submit" data-iconpos="right" data-icon="arrow-right" data-inline="true">Next</button>
  26. </div>
  27. </form>
  28. </div>
  29. </div>
  30. <script type="text/javascript">
  31. $('#wizardUserForm').on('submit', WizardUserPage.onSubmit);
  32. </script>
  33. </div>
  34. </body>
  35. </html>