博客列表 >1209表格与表单作业

1209表格与表单作业

一米互联
一米互联原创
2020年12月11日 13:51:40567浏览
  1. <table border="1" cellspacing="0" width="500" height="300" style="text-align: center; border-color: rgb(97, 99, 98);">
  2. <caption><b>课程表</b></caption>
  3. <thead style="background-color: rgb(158, 241, 196);">
  4. <th></th>
  5. <th>星期一</th>
  6. <th>星期二</th>
  7. <th>星期三</th>
  8. <th>星期四</th>
  9. <th>星期五</th>
  10. </thead>
  11. <tbody>
  12. <tr>
  13. <td rowspan="4">上午</td>
  14. <td>数学</td>
  15. <td>美术</td>
  16. <td>校本</td>
  17. <td>语文</td>
  18. <td>数学</td>
  19. </tr>
  20. <tr>
  21. <td>体育</td>
  22. <td>体育</td>
  23. <td>语文</td>
  24. <td>自习</td>
  25. <td>音乐</td>
  26. </tr>
  27. <tr>
  28. <td>音乐</td>
  29. <td>语文</td>
  30. <td>数学</td>
  31. <td>语文</td>
  32. <td>体育</td>
  33. </tr>
  34. <tr>
  35. <td colspan="5">上午放学</td>
  36. </tr>
  37. <tr>
  38. <td rowspan="4">下午</td>
  39. <td>语文</td>
  40. <td>地方</td>
  41. <td>美术</td>
  42. <td>体育</td>
  43. <td>品德与生活</td>
  44. </tr>
  45. <tr>
  46. <td>自习</td>
  47. <td>品德与生活</td>
  48. <td>地方</td>
  49. <td>自习</td>
  50. <td>活动</td>
  51. </tr>
  52. <tr>
  53. <td>语文</td>
  54. <td>数学</td>
  55. <td>语文</td>
  56. <td>语文</td>
  57. <td>数学</td>
  58. </tr>
  59. <tr>
  60. <td colspan="5">下午放学</td>
  61. </tr>
  62. </tbody>
  63. </table>

" class="reference-link">

  1. <form action="" method="POST">
  2. <label for="username">账号:</label><input type="text" id="username" name="username" placeholder="请输入账号..." required />
  3. <label for="username">邮箱:</label><input type="email" id="email" name="email" placeholder="请输入邮箱..." required />
  4. <label for="username">密码:</label><input type="password" id="password" name="password" placeholder="请输入密码不少于6位..." required />
  5. <label for="male">性别:</label>
  6. <input type="radio" name="gender" value="male" id="male" /><label for="male"></label>
  7. <input type="radio" name="gender" value="female" id="female" /><label for="female"></label>
  8. <input type="radio" name="gender" value="secret" id="secret" checked /><label for="secret">保密</label>
  9. <label for="game">兴趣:</label>
  10. <input type="checkbox" name="hobby[]" value="game" id="game" /><label for="game">游戏</label>
  11. <input type="checkbox" name="hobby[]" value="shoot" id="shoot" /><label for="shoot">摄影</label>
  12. <input type="checkbox" name="hobby[]" value="travel" id="travel" /><label for="travel">旅游</label>
  13. <input type="checkbox" name="hobby[]" value="program" id="program" /><label for="program">编程</label>
  14. <label for="edu">学段:</label>
  15. <select name="edu" id=""><!--multiple 、 size 全部展示 、展示多少-->
  16. <option value="1">小学</option>
  17. <option value="2">初中</option>
  18. <option value="3" selected>高中</option>
  19. <option value="4">大学</option>
  20. <option value="5" label="博士">成人自考</option><!--label级别大-->
  21. </select>
  22. <label for="user-pic">头像:</label>
  23. <input type="hidden" name="MAX-FILE-SIZE" value="80000"/><!--文件大小最大8兆-->
  24. <input type="file" name="user_pic" id="user-pic" />
  25. <label for="comment">备注:</label>
  26. <textarea name="comment" id="comment" cols="30" rows="5">
  27. </textarea>
  28. <br/>
  29. <button>提交</button>
  30. </form>
  31. <!--使用form属性,将控件与它所属的表单绑定<form>的id 与控件的 form属性 相同-->

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议