API tools faq
paste
saleks28

pasoib8_html

saleks28
Dec 15th, 2019
318
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.40 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang = en>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Packet generator</title>
  6.     <style>
  7.     table {
  8.         width:100%;
  9.         font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  10.         text-align: center;
  11.         border-collapse: separate;
  12.         border-spacing: 5px;
  13.         background: #444444;
  14.         color: #FFFFFF;
  15.         border: 16px solid #444444;
  16.         border-radius: 20px;
  17.         box-shadow: 0 10px 10px rgba(0,0,0,0.5);
  18.     }
  19.     th {
  20.         font-size: 18px;
  21.         padding: 10px;
  22.     }
  23.     tr, td {
  24.         background: #41acb7;
  25.         padding: 10px;
  26.         text-align:center;
  27.     }
  28.     h1{
  29.         color:#FFFFFF;
  30.         text-align: center;
  31.         font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  32.         font-style: italic;
  33.     }
  34.     input[type=text]{
  35.         height: 15px;
  36.         width: 70px;
  37.     }
  38.     input[type=text]:focus{
  39.         border: 2px solid #555;  
  40.     }
  41.     button[type=submit] {
  42.         width:300px;
  43.         height:70px;
  44.         font-size:24px;
  45.     }
  46.     select{
  47.        
  48.         border-radius: 4px;
  49.     }
  50.     #srcId, #dstId, #optionId, #dstMacId, #srcMacId{
  51.         -webkit-transition: width 0.4s ease-in-out;
  52.         transition: width 0.4s ease-in-out
  53.     }
  54.     #srcId:focus, #dstId:focus, #optionId:focus {
  55.         width:110px;
  56.     }
  57.     #srcMacId, #dstMacId {
  58.         width: 120px;
  59.     }
  60.     #dstMacId:focus, #srcMacId:focus {
  61.         width: 130px;
  62.     }
  63.     #buttonId {
  64.         background-color:#C8BBAB;
  65.         border: 2px solid green;
  66.         color: green;
  67.     }
  68.     #optionId {
  69.         width: 105px;
  70.     }
  71.     #flagsId {
  72.  
  73.  
  74.     }
  75.     .mainForm{
  76.         font-family: Roboto;
  77.     }
  78.     table{
  79.         border: 1px solid grey
  80.         border-collapse:collapse;
  81.        
  82.     }
  83.     caption {
  84.         font-size: 24px;
  85.     }
  86.     input{
  87.         height: 31px;
  88.         font-family: inherit;
  89.         background: #c1c1c100;
  90.         color: #ffffff;
  91.     }
  92.     select{
  93.         height: 31px;
  94.         font-family: inherit;
  95.         background: #c1c1c100;
  96.         color: #000000;
  97.     }
  98.     </style>
  99. </head>
  100. <body bgcolor = "#C8BBAB">
  101.     <h1>Packet generator</h1>
  102.     <form action = "/savedata" class = "mainForm" method = "POST" >
  103.     <table>
  104.     <caption> Ethernet layer </caption>
  105.     <tr><td>
  106.     <label for  = "srcMacId">SRC MAC: </label>
  107.     <input type = "text" id = "srcMacId" name = "srcMac" placeholder = "FF:FF:FF:FF:FF:FF"></input>
  108.     </td><td>
  109.     <label for  = "dstMacId">DST MAC: </label>
  110.     <input type = "text" id = "dstMacId" name = "dstMac" placeholder = "FF:FF:FF:FF:FF:FF"> </input>
  111.     </td>
  112.     <td>
  113.     <strong> - for auto generation leave empty.</strong>
  114.     </td>
  115.     </tr>
  116.     <tr align = "center">
  117.     <td>
  118.     <label for  = "etherTypeId">EthernetType: </label>
  119.     <select id = "etherTypeId" name = "etherType" >
  120.         {{range .EtherType}}
  121.         <option value = "{{.String}}"> {{.String}} </option>
  122.         {{end}}
  123.     </select>
  124.     </td>
  125.     <td>
  126.     <label for = "etherLengthId"> Length: </label>
  127.     <input type = "text" name = "etherLength" id = "etherLengthId" placeholder = "0-65536"></input>
  128.     </td>
  129.  
  130.     <td> <label for = "selectId">Network device:</label>
  131.     <select id = "selectId"name = "networkDeviceInput">
  132.             {{range .Interfaces}}
  133.             <option value = "{{.Name}}">{{.Name}}</option>
  134.             {{end}}
  135.     </select></td>
  136.     </tr>
  137.    
  138. </table>
  139. <br>
  140.  
  141.    
  142.    
  143.     <table>
  144.     <caption > IP layer</caption>
  145.     <trbody>
  146.     <tr><td>
  147.     <label for = "versionId">Version: </label>
  148.     <input type = "text" name = "versionInput" id = "versionId" placeholder = "0 - 256"></input>
  149.     </td>
  150.     <td>
  151.     <label for = "ihlId">IHL: </label>
  152.     <input type = "text" name = "ihlInput" id = "ihlId" placeholder = "0-256"></input>
  153.     </td>
  154.     <td>
  155.     <label for = "tosId">Type of service: </label>
  156.     <input type = "text" name = "tosInput" id = "tosId" placeholder = "0-256"></input>
  157.     </td>
  158.     <td>
  159.     <label for = "totallengthId">Total length: </label>
  160.     <input type = "text" name = "lengthInput" id = "totallengthId" placeholder = "0 - 65536"></input>
  161.     </td>
  162.     </tr>
  163.     <tr>
  164.     <td>
  165.     <label for = "identificationId">Identification: </label>
  166.     <input type = "text" name = "idInput" id = "identificationId" placeholder = "0 - 65536"></input>
  167.     </td>
  168.     <td>
  169.     <label for = "flagId">Flag: </label>
  170.     <select id = "flagId" name = "flagInput">
  171.                 <option value = "IPv4EvilBit">IPv4EvilBit</option>
  172.                 <option value = "IPv4DontFragment">IPv4DontFragment</option>
  173.                 <option value = "IPv4MoreFragments">IPv4MoreFragments</option>
  174.     </select>
  175.     </td><td>
  176.     <label for = "fragOffsetId">Fragment offset: </label>
  177.     <input type = "text" name = "fragOffInput" id = "fragOffsetId" placeholder = "0 - 65536"></input>
  178.     </td><td>
  179.     <label for = "ttlId">TTL: </label>
  180.     <input type = "text" name = "ttlInput" id = "ttlId" placeholder = "0 - 256"></input>
  181.     </td></tr>
  182.     <tr>
  183.     <td>
  184.    
  185.     <label for = "protocolId">Protocol: </label>
  186.      <select id = "protocolId" name = "protocolInput">
  187.             {{range .Protocol}}
  188.             <option value = "{{.String}}">{{.String}}</option>
  189.             {{end}}
  190.     </select>
  191.     </td><td>
  192.     <label for = "checksumId">Checksum: </label>
  193.     <input type = "text" name = "checksumInput" id = "checksumId" placeholder = "0 - 65536"></input>
  194.     </td>
  195.     <td>
  196.     <label for = "srcId">SRC IP: </label>
  197.     <input type = "text" name = "srcInput" id = "srcId" placeholder = "127.0.0.1"></input>
  198.     </td><td>
  199.     <label for = "dstId">DST IP: </label>
  200.     <input type = "text" name = "dstInput" id = "dstId" placeholder = "127.0.0.1"></input>
  201.     </td>
  202.     </tr>
  203.     <tr align = "center">
  204.     <td colspan = 4>
  205.     <label>Option: </label>
  206.     <input type = "text" id = "optionId" name = "optionType" placeholder = "Option Type"></input>
  207.     <input type = "text" id = "optionId" name = "optionLength" placeholder = "Option Length"></input>
  208.     <input type = "text" id = "optionId" name = "optionData" placeholder = "Option Data"></input>
  209.     </td>
  210.    
  211.     <!-- <label for = "paddingId">Padding: </label>
  212.    <input type = "text" name = "paddingInput" id = "paddingId" placeholder = "Padding"></input>
  213.    <hr>
  214.    -->
  215.     </tr>
  216.     </trbody>
  217.     </table>
  218.     <br>
  219.  
  220.  
  221. <table>
  222. <caption>TCP layer</caption>
  223.     <trbody> <tr>
  224.     </tr>
  225.     <tr>
  226.     <td>
  227.     <label for = "tcpsrcPortId" >SRC Port: </label>
  228.     <input type = "text" id = "tcpsrcPortId" name = "tcpsrcPort" placeholder = "0-65536"> </input>
  229.     </td><td>
  230.     <label for = "tcpdstPortId"> DST Port: </label>
  231.     <input type = "text" id = "tcpdstPortId" name = "tcpdstPort" placeholder = "0-65536"> </input>
  232.     </td><td>
  233.     <label for  = "seqId"> SEQ: </label>
  234.     <input style = "width:100px"type = "text" name = "tcpseq" id = "ackId" placeholder = "0-4294967296"> </input>
  235.     </td><td>
  236.     <label for  = "ackId"> ACK: </label>
  237.     <input style = "width:100px"type = "text" name = "tcpack" id = "ackId" placeholder = "0-4294967296"> </input>
  238.     </td>
  239.     </tr><tr>
  240.     <td colspan = 2>
  241.     <label > Flags: </label>
  242.     <input type = "radio" id = "flagsId" name = "finflag">FIN</input>
  243.     <input type = "radio" id = "flagsId2" name = "synflag"> SYN</input>
  244.     <input type = "radio" id = "flagsId3" name = "rstflag"> RST</input>
  245.     <input type = "radio" id = "flagsId4" name = "pshflag"> PSH</input>
  246.     <input type = "radio" id = "flagsId5" name = "ackflag"> ACK</input>
  247.     <input type = "radio" id = "flagsId6" name = "urgflag"> URG</input>
  248.     <input type = "radio" id = "flagsId7" name = "eceflag"> ECE</input>
  249.     <input type = "radio" id = "flagsId8" name = "cwrflag"> CWR</input>
  250.     <input type = "radio" id = "flagsId9" name = "nsflag"> NS</input>
  251.     </td>
  252.     <td>
  253.     <label for  = "windowId"> Window: </label>
  254.     <input type = "text" name = "window" id = "windowId" placeholder = "0-65536"> </input>
  255.     </td>
  256.     <td>
  257.     <label for  = "checksumtcpId"> Checksum: </label>
  258.     <input type = "text" name = "checksumtcp" id = "checksumtcpId" placeholder = "0-65536"> </input>
  259.     </td>
  260.     </tr><tr><td>
  261.     <label for  = "urgentId"> Urgent: </label>
  262.     <input type = "text" name = "urgent" id = "urgentId" placeholder = "0-65536"> </input>
  263.     </td>
  264.     <td>
  265.     <label for = "tcpoffsetId">Offset: </label>
  266.     <input type = "text" id = "tcpoffsetId" name = "tcpoffset" placeholder = "0-255"></input>
  267.     </td>
  268.     <td colspan = 2>
  269.     <label>Option: </label>
  270.     <input type = "text" id = "optionId" name = "tcpoptionType" placeholder = "Option Type"></input>
  271.     <input type = "text" id = "optionId" name = "tcpoptionLength" placeholder = "Option Length"></input>
  272.     <input type = "text" id = "optionId" name = "tcpoptionData" placeholder = "Option Data"></input>
  273.     </td>
  274.     </tr>
  275. </trbody></table>
  276. <br>
  277.  
  278.  
  279. <table>
  280. <caption>UDP layer</caption>  
  281. <trbody>  <tr>
  282.     <td>
  283.     <label for = "udpsrcPortId" >SRC Port: </label>
  284.     <input type = "text" id = "udpsrcPortId" name = "udpsrcPort" placeholder = "0-65536"> </input>
  285.     </td><td>
  286.     <label for = "udpdstPortId"> DST Port: </label>
  287.     <input type = "text" id = "udpdstPortId" name = "udpdstPort" placeholder = "0-65536"> </input>
  288.     </td><td>
  289.     <label for  = "udplengthId"> Length: </label>
  290.     <input type = "text" name = "udplength" id = "udplengthId" placeholder = "0-65536"> </input>
  291.     </td><td>
  292.     <label for  = "udpchecksumId">Checksum: </label>
  293.     <input type = "text" name = "udpchecksum" id = "udpchecksumId" placeholder = "0-65536"> </input>
  294.     </td>
  295.     </tr>
  296. </trbody></table>
  297. <br>
  298.  
  299. <table>
  300. <caption>ICMP layer</caption>    
  301. <trbody>
  302.     <tr>
  303.     <td>
  304.     <label for = "typecodeId" >Typecode: </label>
  305.     <input type = "text" id = "typecodeId" name = "typecode" placeholder = "0-65536"> </input>
  306.     </td><td>
  307.     <label for = "icmpchecksumId">Checksum: </label>
  308.     <input type = "text" id = "icmpchecksumId" name = "icmpchecksum" placeholder = "0-65536"> </input>
  309.     </td><td>
  310.     <label for  = "icmpidId"> ID: </label>
  311.     <input type = "text" name = "icmpid" id = "icmpidId" placeholder = "0-65536"> </input>
  312.     </td><td>
  313.     <label for  = "icmpseqId"> SEQ: </label>
  314.     <input type = "text" name = "icmpseq" id = "icmpseqId" placeholder = "0-65536"> </input>
  315.     </td>
  316.     </tr>
  317.    
  318.     </trbody>
  319.    
  320. </table>
  321. <br>
  322. <div style = "text-align:center;"><button type = "submit" >Generate packet</button></div>
  323. </form>
  324. <br>
  325. </body>
  326. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!