API tools faq
paste
Advertisement
mikroavr

form_esp32

mikroavr
Dec 28th, 2022 (edited)
1,218
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 15.12 KB | None | 0 0
raw download clone embed print report
  1. const char index_html[] PROGMEM = R"rawliteral(
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.   <meta name="viewport" content="width=device-width, initial-scale=1">
  6.   <style>
  7. .styled-table {
  8.   border-collapse: collapse;
  9.   margin: 25px 0;
  10.   font-size: 0.9em;
  11.   font-family: sans-serif;
  12.   min-width: 400px;
  13.   box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  14. }
  15.  
  16. .styled-table thead tr {
  17.     background-color: #009879;
  18.     color: #ffffff;
  19.     text-align: left;
  20. }
  21.  
  22. .styled-table th,
  23. .styled-table td {
  24.     padding: 12px 15px;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29.  
  30.   <table class="styled-table">
  31.     <thead>
  32.         <tr>
  33.             <th>ID Modbus</th>
  34.             <th>Baudrate</th>
  35.             <th>Serial</th>
  36.             <th>Jumlah Data</th>
  37.             <th>submit</th>
  38.         </tr>
  39.     </thead>
  40.     <tbody>
  41.  
  42.       <form action="/set_modbus">
  43.       <tr class="active-row">
  44.           <td><select name="id">
  45.             <option>Pilih id</option>
  46.             <option>1</option>
  47.             <option>2</option>
  48.           </select></td>
  49.           <td><select name="baud">
  50.             <option>Pilih Baud</option>
  51.             <option>4800</option>
  52.             <option>9600</option>
  53.             <option>19200</option>
  54.             <option>38400</option>
  55.             <option>57600</option>
  56.             <option>115200</option>
  57.            
  58.           </select></td>
  59.           <td><Select name="serial">
  60.             <option>Serial Config</option>
  61.             <option>SERIAL_8N1</option>
  62.             <option>SERIAL_8N2</option>
  63.           </Select></td>
  64.           <td><select name="qty_data">
  65.             <option>Pilih Qty Data</option>
  66.             <option>1</option>
  67.             <option>2</option>
  68.             <option>3</option>
  69.             <option>4</option>
  70.             <option>5</option>
  71.             <option>6</option>
  72.             <option>7</option>
  73.             <option>8</option>
  74.             <option>9</option>
  75.             <option>10</option>
  76.             <option>11</option>
  77.             <option>12</option>
  78.             <option>13</option>
  79.             <option>14</option>
  80.             <option>15</option>
  81.           </select></td>
  82.           <td><input type="submit"></td>
  83.       </tr>
  84.       </form>
  85.     </table>
  86.  
  87. <table class="styled-table">
  88.   <thead>
  89.       <tr>
  90.           <th>Number</th>
  91.           <th>Start Address</th>
  92.           <th>Jumlah Address</th>
  93.           <th>Type Data</th>
  94.           <th>MSB/LSB</th>
  95.           <th>Factor</th>
  96.           <th>Submit</th>
  97.       </tr>
  98.   </thead>
  99.   <tbody>
  100.  
  101.     <form action="/set_addr1">
  102.       <tr class="active-row">
  103.         <td>1</td>
  104.           <td><input name="startA1" type="text" size="9"></td>
  105.           <td><select name="jmladdr1">
  106.             <option >Jumlah Addr</option>
  107.             <option>1</option>
  108.             <option>2</option>
  109.           </select></td>
  110.           <td><select name="typDT1">
  111.             <option>Float</option>
  112.             <option>Integer</option>
  113.           </select></td>
  114.           <td><select name="urutDT1">
  115.             <option>MSB</option>
  116.             <option>LSB</option>
  117.           </select></td>
  118.           <td><Select name="fDT1">
  119.             <option>1</option>
  120.             <option>10</option>
  121.             <option>100</option>
  122.             <option>1000</option>
  123.           </Select></td>
  124.           <td><input type="submit"></td>
  125.       </tr>
  126.     </form>
  127.     <form action="/set_addr2">
  128.       <tr class="active-row">
  129.         <td>2</td>
  130.           <td><input name="startA2" type="text" size="9"></td>
  131.           <td><select name="jmladdr2">
  132.             <option >Jumlah Addr</option>
  133.             <option>1</option>
  134.             <option>2</option>
  135.           </select></td>
  136.           <td><select name="typDT2">
  137.             <option>Float</option>
  138.             <option>Integer</option>
  139.           </select></td>
  140.           <td><select name="urutDT2">
  141.             <option>MSB</option>
  142.             <option>LSB</option>
  143.           </select></td>
  144.           <td><Select name="fDT2">
  145.             <option>1</option>
  146.             <option>10</option>
  147.             <option>100</option>
  148.             <option>1000</option>
  149.           </Select></td>
  150.           <td><input type="submit"></td>
  151.       </tr>
  152.     </form>
  153.     <form action="/set_addr3">
  154.       <tr class="active-row">
  155.         <td>3</td>
  156.           <td><input name="startA3" type="text" size="9"></td>
  157.           <td><select name="jmladdr3">
  158.             <option >Jumlah Addr</option>
  159.             <option>1</option>
  160.             <option>2</option>
  161.           </select></td>
  162.           <td><select name="typDT3">
  163.             <option>Float</option>
  164.             <option>Integer</option>
  165.           </select></td>
  166.           <td><select name="urutDT3">
  167.             <option>MSB</option>
  168.             <option>LSB</option>
  169.           </select></td>
  170.           <td><Select name="fDT3">
  171.             <option>1</option>
  172.             <option>10</option>
  173.             <option>100</option>
  174.             <option>1000</option>
  175.           </Select></td>
  176.           <td><input type="submit"></td>
  177.       </tr>
  178.     </form>
  179.     <form action="/set_addr4">
  180.       <tr class="active-row">
  181.         <td>4</td>
  182.           <td><input name="startA4" type="text" size="9"></td>
  183.           <td><select name="jmladdr4">
  184.             <option >Jumlah Addr</option>
  185.             <option>1</option>
  186.             <option>2</option>
  187.           </select></td>
  188.           <td><select name="typDT4">
  189.             <option>Float</option>
  190.             <option>Integer</option>
  191.           </select></td>
  192.           <td><select name="urutDT4">
  193.             <option>MSB</option>
  194.             <option>LSB</option>
  195.           </select></td>
  196.           <td><Select name="fDT4">
  197.             <option>1</option>
  198.             <option>10</option>
  199.             <option>100</option>
  200.             <option>1000</option>
  201.           </Select></td>
  202.           <td><input type="submit"></td>
  203.       </tr>
  204.     </form>
  205.     <form action="/set_addr5">
  206.       <tr class="active-row">
  207.         <td>5</td>
  208.           <td><input name="startA5" type="text" size="9"></td>
  209.           <td><select name="jmladdr5">
  210.             <option >Jumlah Addr</option>
  211.             <option>1</option>
  212.             <option>2</option>
  213.           </select></td>
  214.           <td><select name="typDT5">
  215.             <option>Float</option>
  216.             <option>Integer</option>
  217.           </select></td>
  218.           <td><select name="urutDT5">
  219.             <option>MSB</option>
  220.             <option>LSB</option>
  221.           </select></td>
  222.           <td><Select name="fDT5">
  223.             <option>1</option>
  224.             <option>10</option>
  225.             <option>100</option>
  226.             <option>1000</option>
  227.           </Select></td>
  228.           <td><input type="submit"></td>
  229.       </tr>
  230.     </form>
  231.     <form action="/set_addr6">
  232.       <tr class="active-row">
  233.         <td>6</td>
  234.           <td><input name="startA6" type="text" size="9"></td>
  235.           <td><select name="jmladdr6">
  236.             <option >Jumlah Addr</option>
  237.             <option>1</option>
  238.             <option>2</option>
  239.           </select></td>
  240.           <td><select name="typDT6">
  241.             <option>Float</option>
  242.             <option>Integer</option>
  243.           </select></td>
  244.           <td><select name="urutDT6">
  245.             <option>MSB</option>
  246.             <option>LSB</option>
  247.           </select></td>
  248.           <td><Select name="fDT6">
  249.             <option>1</option>
  250.             <option>10</option>
  251.             <option>100</option>
  252.             <option>1000</option>
  253.           </Select></td>
  254.           <td><input type="submit"></td>
  255.       </tr>
  256.     </form>
  257.     <form action="/set_addr7">
  258.       <tr class="active-row">
  259.         <td>7</td>
  260.           <td><input name="startA7" type="text" size="9"></td>
  261.           <td><select name="jmladdr7">
  262.             <option >Jumlah Addr</option>
  263.             <option>1</option>
  264.             <option>2</option>
  265.           </select></td>
  266.           <td><select name="typDT7">
  267.             <option>Float</option>
  268.             <option>Integer</option>
  269.           </select></td>
  270.           <td><select name="urutDT7">
  271.             <option>MSB</option>
  272.             <option>LSB</option>
  273.           </select></td>
  274.           <td><Select name="fDT7">
  275.             <option>1</option>
  276.             <option>10</option>
  277.             <option>100</option>
  278.             <option>1000</option>
  279.           </Select></td>
  280.           <td><input type="submit"></td>
  281.       </tr>
  282.     </form>
  283.     <form action="/set_addr8">
  284.       <tr class="active-row">
  285.         <td>8</td>
  286.           <td><input name="startA8" type="text" size="9"></td>
  287.           <td><select name="jmladdr8">
  288.             <option >Jumlah Addr</option>
  289.             <option>1</option>
  290.             <option>2</option>
  291.           </select></td>
  292.           <td><select name="typDT8">
  293.             <option>Float</option>
  294.             <option>Integer</option>
  295.           </select></td>
  296.           <td><select name="urutDT8">
  297.             <option>MSB</option>
  298.             <option>LSB</option>
  299.           </select></td>
  300.           <td><Select name="fDT8">
  301.             <option>1</option>
  302.             <option>10</option>
  303.             <option>100</option>
  304.             <option>1000</option>
  305.           </Select></td>
  306.           <td><input type="submit"></td>
  307.       </tr>
  308.     </form>
  309.     <form action="/set_addr9">
  310.       <tr class="active-row">
  311.         <td>9</td>
  312.           <td><input name="startA9" type="text" size="9"></td>
  313.           <td><select name="jmladdr9">
  314.             <option >Jumlah Addr</option>
  315.             <option>1</option>
  316.             <option>2</option>
  317.           </select></td>
  318.           <td><select name="typDT9">
  319.             <option>Float</option>
  320.             <option>Integer</option>
  321.           </select></td>
  322.           <td><select name="urutDT9">
  323.             <option>MSB</option>
  324.             <option>LSB</option>
  325.           </select></td>
  326.           <td><Select name="fDT9">
  327.             <option>1</option>
  328.             <option>10</option>
  329.             <option>100</option>
  330.             <option>1000</option>
  331.           </Select></td>
  332.           <td><input type="submit"></td>
  333.       </tr>
  334.     </form>
  335.     <form action="/set_addr10">
  336.       <tr class="active-row">
  337.         <td>10</td>
  338.           <td><input name="startA10" type="text" size="9"></td>
  339.           <td><select name="jmladdr10">
  340.             <option >Jumlah Addr</option>
  341.             <option>1</option>
  342.             <option>2</option>
  343.           </select></td>
  344.           <td><select name="typDT10">
  345.             <option>Float</option>
  346.             <option>Integer</option>
  347.           </select></td>
  348.           <td><select name="urutDT10">
  349.             <option>MSB</option>
  350.             <option>LSB</option>
  351.           </select></td>
  352.           <td><Select name="fDT10">
  353.             <option>1</option>
  354.             <option>10</option>
  355.             <option>100</option>
  356.             <option>1000</option>
  357.           </Select></td>
  358.           <td><input type="submit"></td>
  359.       </tr>
  360.     </form>
  361.     <form action="/set_addr11">
  362.       <tr class="active-row">
  363.         <td>11</td>
  364.           <td><input name="startA11" type="text" size="9"></td>
  365.           <td><select name="jmladdr11">
  366.             <option >Jumlah Addr</option>
  367.             <option>1</option>
  368.             <option>2</option>
  369.           </select></td>
  370.           <td><select name="typDT11">
  371.             <option>Float</option>
  372.             <option>Integer</option>
  373.           </select></td>
  374.           <td><select name="urutDT11">
  375.             <option>MSB</option>
  376.             <option>LSB</option>
  377.           </select></td>
  378.           <td><Select name="fDT11">
  379.             <option>1</option>
  380.             <option>10</option>
  381.             <option>100</option>
  382.             <option>1000</option>
  383.           </Select></td>
  384.           <td><input type="submit"></td>
  385.       </tr>
  386.     </form>
  387.     <form action="/set_addr12">
  388.       <tr class="active-row">
  389.         <td>12</td>
  390.           <td><input name="startA12" type="text" size="9"></td>
  391.           <td><select name="jmladdr12">
  392.             <option >Jumlah Addr</option>
  393.             <option>1</option>
  394.             <option>2</option>
  395.           </select></td>
  396.           <td><select name="typDT12">
  397.             <option>Float</option>
  398.             <option>Integer</option>
  399.           </select></td>
  400.           <td><select name="urutDT12">
  401.             <option>MSB</option>
  402.             <option>LSB</option>
  403.           </select></td>
  404.           <td><Select name="fDT12">
  405.             <option>1</option>
  406.             <option>10</option>
  407.             <option>100</option>
  408.             <option>1000</option>
  409.           </Select></td>
  410.           <td><input type="submit"></td>
  411.       </tr>
  412.     </form>
  413.     <form action="/set_addr13">
  414.       <tr class="active-row">
  415.         <td>13</td>
  416.           <td><input name="startA13" type="text" size="9"></td>
  417.           <td><select name="jmladdr13">
  418.             <option >Jumlah Addr</option>
  419.             <option>1</option>
  420.             <option>2</option>
  421.           </select></td>
  422.           <td><select name="typDT13">
  423.             <option>Float</option>
  424.             <option>Integer</option>
  425.           </select></td>
  426.           <td><select name="urutDT13">
  427.             <option>MSB</option>
  428.             <option>LSB</option>
  429.           </select></td>
  430.           <td><Select name="fDT13">
  431.             <option>1</option>
  432.             <option>10</option>
  433.             <option>100</option>
  434.             <option>1000</option>
  435.           </Select></td>
  436.           <td><input type="submit"></td>
  437.       </tr>
  438.     </form>
  439.     <form action="/set_addr14">
  440.       <tr class="active-row">
  441.         <td>14</td>
  442.           <td><input name="startA14" type="text" size="9"></td>
  443.           <td><select name="jmladdr14">
  444.             <option >Jumlah Addr</option>
  445.             <option>1</option>
  446.             <option>2</option>
  447.           </select></td>
  448.           <td><select name="typDT14">
  449.             <option>Float</option>
  450.             <option>Integer</option>
  451.           </select></td>
  452.           <td><select name="urutDT14">
  453.             <option>MSB</option>
  454.             <option>LSB</option>
  455.           </select></td>
  456.           <td><Select name="fDT14">
  457.             <option>1</option>
  458.             <option>10</option>
  459.             <option>100</option>
  460.             <option>1000</option>
  461.           </Select></td>
  462.           <td><input type="submit"></td>
  463.       </tr>
  464.     </form>
  465.     <form action="/set_addr15">
  466.       <tr class="active-row">
  467.         <td>15</td>
  468.           <td><input name="startA15" type="text" size="9"></td>
  469.           <td><select name="jmladdr15">
  470.             <option >Jumlah Addr</option>
  471.             <option>1</option>
  472.             <option>2</option>
  473.           </select></td>
  474.           <td><select name="typDT15">
  475.             <option>Float</option>
  476.             <option>Integer</option>
  477.           </select></td>
  478.           <td><select name="urutDT15">
  479.             <option>MSB</option>
  480.             <option>LSB</option>
  481.           </select></td>
  482.           <td><Select name="fDT15">
  483.             <option>1</option>
  484.             <option>10</option>
  485.             <option>100</option>
  486.             <option>1000</option>
  487.           </Select></td>
  488.           <td><input type="submit"></td>
  489.       </tr>
  490.     </form>
  491.       <!-- and so on... -->
  492.   </tbody>
  493. </table>
  494.  
  495. )rawliteral";
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!