vonko1988

html_forms_homework_task3.html

Jan 20th, 2014
180
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.34 KB | None | 0 0
  1. <!doctype html>
  2. <html>
  3.     <head>
  4.         <title>Task3</title>
  5.         <link type = "text/css" rel = "stylesheet" href = "task3.css"/>
  6.     </head>
  7.     <body>
  8.         <form name = "myForm" method = "post">
  9.             <table>
  10.                 <thead>
  11.                     <tr>
  12.                         <th colspan = "6">Drag a column header and drop it here to group by that column</th>
  13.                     </tr>
  14.                     <tr>
  15.                         <th>ProductID</th>
  16.                         <th>Product name</th>
  17.                         <th>Unit price</th>
  18.                         <th>Quantity per unit</th>
  19.                         <th>Units in stock</th>
  20.                         <th>Discontinued</th>
  21.                     </tr>
  22.                     <tr>
  23.                         <th><input type = "text" name = "productID"/></th>
  24.                         <th><input type = "text" name = "productName"/></th>
  25.                         <th><input type = "text" name = "unitPrice"/><input type = "image" name ="priceSound" src="sound.png" alt ="sound"/></th>
  26.                         <th><input type = "text" name = "quantity"/></th>
  27.                         <th><input type = "text" name = "unitStock"/><input type = "image" name ="stockSound" src="sound.png" alt ="sound"/></th>
  28.                         <th><input type = "checkbox" name = "disc" value = "disc"/><input type = "image" name ="discSound" src="sound.png" alt ="sound"/></th>
  29.                     </tr>
  30.                 </thead>
  31.                 <tfoot>
  32.                     <tr>
  33.                         <td colspan = "6">
  34.                             <input type = "image" name = "first" src ="first.png" alt="first"/>
  35.                             <input type = "image" name = "previous" src ="previous.png" alt="previous"/>
  36.                             <a href ="#">1</a>
  37.                             <a href ="#">2</a>
  38.                             <a href ="#">3</a>
  39.                             <a href ="#">4</a>
  40.                             <a href ="#">5</a>
  41.                             <a href ="#">6</a>
  42.                             <a href ="#">7</a>
  43.                             <a href ="#">8</a>
  44.                             <a href ="#">9</a>....
  45.                             <input type = "image" name = "next" src ="next.png" alt="next"/>
  46.                             <input type = "image" name = "last" src ="last.png" alt="last"/>
  47.                             <label for = "size">Page size</label>
  48.                             <select name ="size" id = "size">
  49.                                 <option selected = "selected">10</option>
  50.                                 <option>5</option>
  51.                                 <option>1</option>
  52.                             </select>
  53.                             <span>335104 items in 33511 pages</span>
  54.                         </td>
  55.                     </tr>
  56.                 </tfoot>
  57.                 <tbody>
  58.                     <tr>
  59.                         <td>1</td>
  60.                         <td>Chai</td>
  61.                         <td>$18.00</td>
  62.                         <td>10 boxes x 20 bags</td>
  63.                         <td>39</td>
  64.                         <td><input type = "checkbox" name ="chaiCheck" value ="chaiCheck"/></td>
  65.                     </tr>
  66.                     <tr>
  67.                         <td>2</td>
  68.                         <td>Chang</td>
  69.                         <td>$19.00</td>
  70.                         <td>24-12 oz bottles</td>
  71.                         <td>17</td>
  72.                         <td><input type = "checkbox" name ="chang" value ="changChecked"/></td>
  73.                     </tr>
  74.                     <tr>
  75.                         <td>3</td>
  76.                         <td>Anyseed Syrup</td>
  77.                         <td>$10.00</td>
  78.                         <td>12 - 550 ml bottles</td>
  79.                         <td>13</td>
  80.                         <td><input type = "checkbox" name ="anyseedCheck" value ="anyseedCheck"/></td>
  81.                     </tr>
  82.                     <tr>
  83.                         <td>4</td>
  84.                         <td>Chef Anton's Cajun Seasoning</td>
  85.                         <td>$22.00</td>
  86.                         <td>48 - 6 oz jars</td>
  87.                         <td>53</td>
  88.                         <td><input type = "checkbox" name ="cajunCheck" value ="cajunCheck"/></td>
  89.                     </tr>
  90.                     <tr>
  91.                         <td>5</td>
  92.                         <td>Chef Anton's Gumbo Mix</td>
  93.                         <td>21.35</td>
  94.                         <td>36 boxes</td>
  95.                         <td>0</td>
  96.                         <td><input type = "checkbox" name ="gumboCheck" value ="gumboCheck" checked/></td>
  97.                     </tr>
  98.                     <tr>
  99.                         <td>6</td>
  100.                         <td>Grandma's Boysenberry Spread</td>
  101.                         <td>$25.00</td>
  102.                         <td>12 - 8 oz jars</td>
  103.                         <td>120</td>
  104.                         <td><input type = "checkbox" name ="spreadCheck" value ="spreadCheck"/></td>
  105.                     </tr>
  106.                     <tr>
  107.                         <td>7</td>
  108.                         <td>Uncle Bob's Organic Dried Pears</td>
  109.                         <td>$25.00</td>
  110.                         <td>12 - 1 lb pkgs.</td>
  111.                         <td>15</td>
  112.                         <td><input type = "checkbox" name ="pearsCheck" value ="pearsCheck"/></td>
  113.                     </tr>
  114.                     <tr>
  115.                         <td>8</td>
  116.                         <td>Northwoods Cranberry Sauce</td>
  117.                         <td>$40.00</td>
  118.                         <td>12 - 12 oz jars</td>
  119.                         <td>6</td>
  120.                         <td><input type = "checkbox" name ="sauceCheck" value ="sauceCheck"/></td>
  121.                     </tr>
  122.                     <tr>
  123.                         <td>9</td>
  124.                         <td>Mishi Kobe Niku</td>
  125.                         <td>$97.00</td>
  126.                         <td>18 - 500 g pkgs.</td>
  127.                         <td>29</td>
  128.                         <td><input type = "checkbox" name ="mishiCheck" value ="mishiCheck" checked/></td>
  129.                     </tr>
  130.                     <tr>
  131.                         <td>10</td>
  132.                         <td>Ikura</td>
  133.                         <td>$31.00</td>
  134.                         <td>12 - 200 ml jars</td>
  135.                         <td>31</td>
  136.                         <td><input type = "checkbox" name ="ikuraCheck" value ="ikuraCheck"/></td>
  137.                     </tr>
  138.                 </tbody>
  139.             </table>
  140.         </form>
  141.     </body>
  142. </html>
Advertisement
Add Comment
Please, Sign In to add comment