欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

表格与表单

程序员文章站 2023-12-21 17:47:52
...
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <form action="">
  11. <h1>用户注册</h1>
  12. 帐号:<input type="text" name="name" value="" placeholder="请输入名字">
  13. <br>
  14. 密码:<input type="password" name="pwd" value="" placeholder="请输入密码">
  15. <br>
  16. 邮箱:<input class="text" type="email" value="" placeholder="wwww@111.com" />
  17. <br>
  18. 年龄:<input type="text" name="sex" value="">
  19. <br>
  20. 生日:
  21. <br>
  22. 课程:<select name="编程">
  23. <option value="java">java</option>
  24. <option value="php">php</option>
  25. <option value="html">html</option>
  26. </select>
  27. <br>
  28. 爱好:<input type="checkbox" name="" value="">读书<input type="checkbox" name="" value=""> 写字<input type="checkbox" name="" value=""> 运动<br>
  29. <br>
  30. 性别:<input type="radio" name="sex" value=""><input type="radio" name="sex" value=""><input type="radio" name="sex" value=""> 保密
  31. <br>
  32. 简介:<textarea rows="10" cols="30">
  33. </textarea>
  34. <br>
  35. <input type="submit" value="提交"> <input type="submit" value="清空">
  36. </form>
  37. </body>
  38. </html>
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. </head>
  7. <body>
  8. <!-- 会员表-->
  9. <table width="800" align="center" border="1">
  10. <caption>简介</caption>
  11. <thead>
  12. <tr bgcolor="#ffff00">
  13. <td colspan="6">&nbsp; </td>
  14. </tr>
  15. <tr >
  16. <th>gdfg/th>
  17. <th>sfafas</th>
  18. <th>asfdaf</th>
  19. <th>gdfg/th>
  20. <th>sfafas</th>
  21. <th>asfdaf</th>
  22. </tr>
  23. </thead>
  24. <tbody>
  25. <tr>
  26. <td>xcvz</td>
  27. <td>xzcvz</td>
  28. <td>xcvxcv</td>
  29. <td>xzcvxzcv</td>
  30. <td>xzcvxzcv</td>
  31. <td rowspan="2">列合并向下合并</td>
  32. </tr>
  33. <tr>
  34. <td bgcolor="blue">2</td>
  35. <td>sdgasgaga</td>
  36. <td>sdgasgaga</td>
  37. <td>sdgasgaga</td>
  38. <td>sdgasgaga</td>
  39. </tr>
  40. <tr>
  41. <td>xcvz</td>
  42. <td>xzcvz</td>
  43. <td>xcvxcv</td>
  44. <td>xzcvxzcv</td>
  45. <td>xzcvxzcv</td>
  46. <td>fhdhd</td>
  47. </tr>
  48. <tr>
  49. <td>xcvz</td>
  50. <td>xzcvz</td>
  51. <td>xcvxcv</td>
  52. <td>xzcvxzcv</td>
  53. <td>xzcvxzcv</td>
  54. <td rowspan="2">列合并向下合并</td>
  55. </tr>
  56. <tr>
  57. <td bgcolor="blue">2</td>
  58. <td>sdgasgaga</td>
  59. <td>sdgasgaga</td>
  60. <td>sdgasgaga</td>
  61. <td>sdgasgaga</td>
  62. </tr>
  63. <tr bgcolor="#ffff00">
  64. <td colspan="6">&nbsp; </td>
  65. </tr>
  66. <tr>
  67. <td>xcvz</td>
  68. <td>xzcvz</td>
  69. <td>xcvxcv</td>
  70. <td>xzcvxzcv</td>
  71. <td>xzcvxzcv</td>
  72. <td>fhdhd</td>
  73. </tr>
  74. </tbody>
  75. <tfoot>
  76. <tr align="right">
  77. <td colspan="6">行合并 </td>
  78. </tr>
  79. </tfoot>
  80. </table>
  81. </body>
  82. </html>

上一篇:

下一篇: