Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html>
- <head>
- <title>Task3</title>
- <link type = "text/css" rel = "stylesheet" href = "task3.css"/>
- </head>
- <body>
- <form name = "myForm" method = "post">
- <table>
- <thead>
- <tr>
- <th colspan = "6">Drag a column header and drop it here to group by that column</th>
- </tr>
- <tr>
- <th>ProductID</th>
- <th>Product name</th>
- <th>Unit price</th>
- <th>Quantity per unit</th>
- <th>Units in stock</th>
- <th>Discontinued</th>
- </tr>
- <tr>
- <th><input type = "text" name = "productID"/></th>
- <th><input type = "text" name = "productName"/></th>
- <th><input type = "text" name = "unitPrice"/><input type = "image" name ="priceSound" src="sound.png" alt ="sound"/></th>
- <th><input type = "text" name = "quantity"/></th>
- <th><input type = "text" name = "unitStock"/><input type = "image" name ="stockSound" src="sound.png" alt ="sound"/></th>
- <th><input type = "checkbox" name = "disc" value = "disc"/><input type = "image" name ="discSound" src="sound.png" alt ="sound"/></th>
- </tr>
- </thead>
- <tfoot>
- <tr>
- <td colspan = "6">
- <input type = "image" name = "first" src ="first.png" alt="first"/>
- <input type = "image" name = "previous" src ="previous.png" alt="previous"/>
- <a href ="#">1</a>
- <a href ="#">2</a>
- <a href ="#">3</a>
- <a href ="#">4</a>
- <a href ="#">5</a>
- <a href ="#">6</a>
- <a href ="#">7</a>
- <a href ="#">8</a>
- <a href ="#">9</a>....
- <input type = "image" name = "next" src ="next.png" alt="next"/>
- <input type = "image" name = "last" src ="last.png" alt="last"/>
- <label for = "size">Page size</label>
- <select name ="size" id = "size">
- <option selected = "selected">10</option>
- <option>5</option>
- <option>1</option>
- </select>
- <span>335104 items in 33511 pages</span>
- </td>
- </tr>
- </tfoot>
- <tbody>
- <tr>
- <td>1</td>
- <td>Chai</td>
- <td>$18.00</td>
- <td>10 boxes x 20 bags</td>
- <td>39</td>
- <td><input type = "checkbox" name ="chaiCheck" value ="chaiCheck"/></td>
- </tr>
- <tr>
- <td>2</td>
- <td>Chang</td>
- <td>$19.00</td>
- <td>24-12 oz bottles</td>
- <td>17</td>
- <td><input type = "checkbox" name ="chang" value ="changChecked"/></td>
- </tr>
- <tr>
- <td>3</td>
- <td>Anyseed Syrup</td>
- <td>$10.00</td>
- <td>12 - 550 ml bottles</td>
- <td>13</td>
- <td><input type = "checkbox" name ="anyseedCheck" value ="anyseedCheck"/></td>
- </tr>
- <tr>
- <td>4</td>
- <td>Chef Anton's Cajun Seasoning</td>
- <td>$22.00</td>
- <td>48 - 6 oz jars</td>
- <td>53</td>
- <td><input type = "checkbox" name ="cajunCheck" value ="cajunCheck"/></td>
- </tr>
- <tr>
- <td>5</td>
- <td>Chef Anton's Gumbo Mix</td>
- <td>21.35</td>
- <td>36 boxes</td>
- <td>0</td>
- <td><input type = "checkbox" name ="gumboCheck" value ="gumboCheck" checked/></td>
- </tr>
- <tr>
- <td>6</td>
- <td>Grandma's Boysenberry Spread</td>
- <td>$25.00</td>
- <td>12 - 8 oz jars</td>
- <td>120</td>
- <td><input type = "checkbox" name ="spreadCheck" value ="spreadCheck"/></td>
- </tr>
- <tr>
- <td>7</td>
- <td>Uncle Bob's Organic Dried Pears</td>
- <td>$25.00</td>
- <td>12 - 1 lb pkgs.</td>
- <td>15</td>
- <td><input type = "checkbox" name ="pearsCheck" value ="pearsCheck"/></td>
- </tr>
- <tr>
- <td>8</td>
- <td>Northwoods Cranberry Sauce</td>
- <td>$40.00</td>
- <td>12 - 12 oz jars</td>
- <td>6</td>
- <td><input type = "checkbox" name ="sauceCheck" value ="sauceCheck"/></td>
- </tr>
- <tr>
- <td>9</td>
- <td>Mishi Kobe Niku</td>
- <td>$97.00</td>
- <td>18 - 500 g pkgs.</td>
- <td>29</td>
- <td><input type = "checkbox" name ="mishiCheck" value ="mishiCheck" checked/></td>
- </tr>
- <tr>
- <td>10</td>
- <td>Ikura</td>
- <td>$31.00</td>
- <td>12 - 200 ml jars</td>
- <td>31</td>
- <td><input type = "checkbox" name ="ikuraCheck" value ="ikuraCheck"/></td>
- </tr>
- </tbody>
- </table>
- </form>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment