You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

73 lines
1.9KB

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta content="text/html; charset=ISO-8859-1"
  5. http-equiv="content-type">
  6. <meta name = "viewport" content = "width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable=0">
  7. <title>ESP32 Azure Demo</title>
  8. <style>
  9. body { background-color: #0067B3 ; font-family: Arial, Helvetica, Sans-Serif; Color: #FFFFFF; }
  10. input[type=text], select {
  11. width: 100%;
  12. padding: 12px 20px;
  13. margin: 8px 0;
  14. display: inline-block;
  15. border: 1px solid #ccc;
  16. border-radius: 4px;
  17. box-sizing: border-box;
  18. }
  19. </style>
  20. </head>
  21. <body>
  22. <center>
  23. <h1 style="color:#FFFFFF; font-family:verdana;font-family: verdana;
  24. padding-top: 25px;
  25. padding-bottom: 25px;
  26. font-size: 36px">ESP32 Azure Demo</h1>
  27. <h2 style="color:#FFFFFF;font-family: Verdana;
  28. font: caption;
  29. font-size: 27px;
  30. padding-top: 25px;
  31. padding-bottom: 10px;">Configure WiFiServer Settings</h2><FORM method="post">
  32. <div id="radio_select">
  33. <input type="radio" name="configure" value="dhcp" id="radio_dhcp"> DHCP Setting &nbsp &nbsp &nbsp
  34. <input type="radio" name="configure" value="staticIP" id="radio_static"> Static IP Setting<br>
  35. </div>
  36. <style>
  37. </style>
  38. <br> <br>
  39. <INPUT type="submit" onClick="return settingForm()">
  40. <style>
  41. input[type="submit"]{
  42. background-color: #3498DB; /* Green */
  43. border: none;
  44. color: white;
  45. padding:15px 48px;
  46. text-align: center;
  47. text-decoration: none;
  48. display: inline-block;
  49. font-size: 16px;
  50. }
  51. </style>
  52. </FORM>
  53. <script type="text/javascript">
  54. function settingForm(){
  55. if(document.getElementById('radio_dhcp').checked){
  56. rate_value = document.getElementById('radio_dhcp').value;
  57. console.log(rate_value);
  58. window.location.assign("/dhcp");
  59. }else if(document.getElementById('radio_static').checked){
  60. rate_value = document.getElementById('radio_static').value;
  61. window.location.assign("/static");
  62. }
  63. return false;
  64. }
  65. </script>
  66. </center>
  67. </body>