Advertisement
Martichka

Forms and frames task 3

Nov 19th, 2012
317
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 7.21 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Sample</title>
  5. </head>
  6. <body>
  7.     <form>
  8.         <table border="1" cellpadding="2" cellspacing="0">
  9.  
  10.             <thead>
  11.                 <tr style="background-color: #3496d7">
  12.                     <th style="text-align: left" colspan="6">Drag a colummn header and drop it here to group by that column
  13.                     </th>
  14.                 </tr>
  15.                 <tr style="background-color: #3496d7">
  16.                     <th>Product ID</th>
  17.                     <th>Product Name</th>
  18.                     <th>Unit Price</th>
  19.                     <th>Quantity per Unit</th>
  20.                     <th>Units in Stock</th>
  21.                     <th>Discontinued</th>
  22.                 </tr>
  23.                 <tr style="background-color: #3496d7">
  24.                     <th>
  25.                         <input type="text" name="pId" />
  26.                     </th>
  27.                     <th style="text-align: left">
  28.                         <input type="text" name="pName" />
  29.  
  30.                     </th>
  31.                     <th>
  32.                         <input type="text" name="unitPrice">
  33.                         <input type="submit" value="" />
  34.                     </th>
  35.                     <th>
  36.                         <input type="text" name="qperunit">
  37.                     </th>
  38.                     <th>
  39.                         <input type="text" name="unitInStock">
  40.                         <input type="submit" value="" />
  41.                     </th>
  42.                     <th>
  43.                         <input type="checkbox" name="discontinued">
  44.                         <input type="submit" value="" />
  45.                     </th>
  46.                 </tr>
  47.             </thead>
  48.             <tfoot>
  49.                 <tr style="background-color: #3496d7">
  50.                     <td colspan="2" style="border: hidden">
  51.                         <input type="submit" name="fisrtPage" value="<<" />
  52.                         <input type="submit" formaction="" name="previous" value="<" />
  53.                         <a href="">1</a>
  54.                         <a href="">2</a>
  55.                         <a href="">3</a>
  56.                         <a href="">4</a>
  57.                         <a href="">5</a>
  58.                         <a href="">6</a>
  59.                         <a href="">7</a>
  60.                         <a href="">8</a>
  61.                         <a href="">9</a>
  62.                         <a href="">10</a>
  63.                         <a href="">...</a>
  64.                         <input type="submit" formaction="" name="previous" value=">" />
  65.                         <input type="submit" formaction="" name="fisrtPage" value=">>" />
  66.                         <span style="text-align: center">Page Size:
  67.                                     <select>
  68.                                         <option>10</option>
  69.                                         <option>20</option>
  70.                                         <option>30</option>
  71.                                         <option>40</option>
  72.                                         <option>50</option>
  73.                                         <option>60</option>
  74.                                         <option>70</option>
  75.                                         <option>80</option>
  76.                                         <option>90</option>
  77.                                         <option>100</option>
  78.                                     </select>
  79.                         </span>
  80.                     </td>
  81.                     <td colspan="2" style="border: hidden"></td>
  82.                     <td colspan="2" style="border: hidden; text-align: end">
  83.                         <span style="text-align: end">335104 items in 33511 pages</span>
  84.                     </td>
  85.                 </tr>
  86.             </tfoot>
  87.             <tbody>
  88.                 <tr>
  89.                     <td>1.</td>
  90.                     <td>Tea</td>
  91.                     <td>$18.00</td>
  92.                     <td>10 boxes x 20 bags</td>
  93.                     <td>39</td>
  94.                     <td>
  95.                         <input type="checkbox" name="discontinued"></td>
  96.                 </tr>
  97.                 <tr>
  98.                     <td>2.</td>
  99.                     <td>Chang</td>
  100.                     <td>$19.00</td>
  101.                     <td>24 - 12 oz bottles</td>
  102.                     <td>17</td>
  103.                     <td>
  104.                         <input type="checkbox" name="discontinued"></td>
  105.                 </tr>
  106.                 <tr>
  107.                     <td>3.</td>
  108.                     <td>Anissed Syrup</td>
  109.                     <td>$10.00</td>
  110.                     <td>12 - 550 ml bottles</td>
  111.                     <td>13</td>
  112.                     <td>
  113.                         <input type="checkbox" name="discontinued"></td>
  114.                 </tr>
  115.                 <tr>
  116.                     <td>4.</td>
  117.                     <td>Chef Anton's Cajun Seasoning</td>
  118.                     <td>$22.00</td>
  119.                     <td>48 - 6 oz jars</td>
  120.                     <td>53</td>
  121.                     <td>
  122.                         <input type="checkbox" name="discontinued"></td>
  123.                 </tr>
  124.                 <tr>
  125.                     <td>5.</td>
  126.                     <td>Chef Anton's Gumbo Mix</td>
  127.                     <td>$21.35</td>
  128.                     <td>36 boxes</td>
  129.                     <td>0</td>
  130.                     <td>
  131.                         <input type="checkbox" name="discontinued" checked="checked"></td>
  132.                 </tr>
  133.                 <tr>
  134.                     <td>6.</td>
  135.                     <td>Grandma's Boysenberry Spread</td>
  136.                     <td>$25.00</td>
  137.                     <td>12 - 8 oz jars</td>
  138.                     <td>120</td>
  139.                     <td>
  140.                         <input type="checkbox" name="discontinued"></td>
  141.                 </tr>
  142.                 <tr>
  143.                     <td>7.</td>
  144.                     <td>Uncle Bob's Organic Dried Pears</td>
  145.                     <td>$30.00</td>
  146.                     <td>12 -1 lb. pkgs.</td>
  147.                     <td>15</td>
  148.                     <td>
  149.                         <input type="checkbox" name="discontinued"></td>
  150.                 </tr>
  151.                 <tr>
  152.                     <td>8.</td>
  153.                     <td>Northwoods Cranberry Sauce</td>
  154.                     <td>$40.00</td>
  155.                     <td>12 - 12 oz jars</td>
  156.                     <td>6</td>
  157.                     <td>
  158.                         <input type="checkbox" name="discontinued"></td>
  159.                 </tr>
  160.                 <tr>
  161.                     <td>9.</td>
  162.                     <td>Mishi Kobe Niku</td>
  163.                     <td>$97.00</td>
  164.                     <td>18 - 500 g pkgs.</td>
  165.                     <td>29</td>
  166.                     <td>
  167.                         <input type="checkbox" name="discontinued" checked="checked"></td>
  168.                 </tr>
  169.                 <tr>
  170.                     <td>10.</td>
  171.                     <td>Ikura</td>
  172.                     <td>$31.00</td>
  173.                     <td>12 - 200 ml jars</td>
  174.                     <td>31</td>
  175.                     <td>
  176.                         <input type="checkbox" name="discontinued"></td>
  177.                 </tr>
  178.  
  179.             </tbody>
  180.         </table>
  181.     </form>
  182. </body>
  183. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement