HTML表格

时间：2023-03-09 19:26:42
HTML表格

HTML表格

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>无标题文档</title>
  6. </head>
  7. <body>
  8. <form action="#" method="post">
  9. <table border="1" bordercolor="blue"    cellspacing="0">
  10. <tr>
  11. <td width="100px" >姓名</td>
  12. <td width="300px"><input name="name" type="text" size="20" /></td>
  13. <td width="150px"> </td>
  14. </tr>
  15. <tr>
  16. <td>密码</td>
  17. <td><input name="password" type="password" size="20" /></td>
  18. <td> </td>
  19. </tr>
  20. <tr>
  21. <td>重复密码</td>
  22. <td><input name="rpassword" type="password" size="20" /></td>
  23. <td> </td>
  24. </tr>
  25. <tr>
  26. <td>年龄</td>
  27. <td><input name="age" type="text" size="20" /></td>
  28. <td> </td>
  29. </tr>
  30. <tr>
  31. <td>性别</td>
  32. <td>
  33. <input name="sex" type="radio" value="0" />男
  34. <input name="sex" type="radio" value="1" />女
  35. </td>
  36. <td type="border-right-style:none;border-bottom-style:none" rowspan="4"></td>
  37. <tr>
  38. <td>爱好</td>
  39. <td>
  40. <input name="hobby" type="checkbox" value="1" />足球
  41. <input name="hobby" type="checkbox" value="2" />篮球
  42. <input name="hobby" type="checkbox" value="3" />羽毛球
  43. <input name="hobby" type="checkbox" value="4" />乒乓球
  44. </td>
  45. </tr><tr>
  46. <td>班级</td>
  47. <td>
  48. <select name="class">
  49. <option>一年级一班</option>
  50. <option>一年级二班</option>
  51. </select>
  52. </td>
  53. </tr>
  54. <tr>
  55. <td>说明</td>
  56. <td>
  57. <textarea name="introduce" cols="46" rows="6" ></textarea>
  58. </td>
  59. </tr>
  60. <tr>
  61. <td>
  62. <input type="reset" name="reset" value="重置" />
  63. </td>
  64. <td>
  65. <input type="submit" name="submit" value="提交" />
  66. </td>
  67. </tr>
  68. </table>
  69. </body>
  70. </html>

相关文章