博客列表 >表格制作表单

表格制作表单

Fog.
Fog.原创
2022年03月21日 09:58:48591浏览

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title style="text-align:center">课程表</title>
  6. </head>
  7. <body>
  8. <table border="0" cellpadding="10" width="100%">
  9. <tr>
  10. <th style="text-align: left;">姓名</th>
  11. <th style="text-align: left;"><input type="text" name="name" value=""></th>
  12. </tr>
  13. <tr>
  14. <th style="text-align: left;">密码(10位以内)</th>
  15. <th style="text-align: left;"><input type="text" name="passwd" value=""></th>
  16. </tr>
  17. <tr>
  18. <th style="text-align: left;">确认密码</th>
  19. <th style="text-align: left;"><input type="text" name="passwds" value=""></th>
  20. </tr>
  21. <tr>
  22. <th style="text-align: left;">性别</th>
  23. <th style="text-align: left;"><input type="radio" name="nv"><input type="radio" name="nv"></th>
  24. </tr>
  25. <tr>
  26. <th style="text-align: left;">出生日期</th>
  27. <th style="text-align: left;"><input style="width: 30px;height:15px" type="text" name="passwd"
  28. value=""><input style="width: 30px;height:15px" type="text" name="passwd" value=""><input
  29. style="width: 30px;height:15px" type="text" name="passwd" value=""></th>
  30. </tr>
  31. </tr>
  32. <tr>
  33. <th style="text-align: left;">所在系</th>
  34. <th style="text-align: left;"><select name="cars">
  35. <option value="volvo">计算机</option>
  36. </th>
  37. </tr>
  38. <tr>
  39. <th style="text-align: left;">专业</th>
  40. <th style="text-align: left;"><select name="cars">
  41. <option value="volvo">电子商务</option>
  42. </th>
  43. </tr>
  44. <tr>
  45. <th style="text-align: left;">上传个人照片</th>
  46. <th style="text-align: left;"><input type="text" name="polotor" value=""><button type="button">浏览...</button>
  47. </th>
  48. </tr>
  49. <tr>
  50. <th style="text-align: left;">个人商务</th>
  51. <th style="text-align: left;"><textarea name="description" cols="20">
  52. </textarea></th>
  53. </tr>
  54. <tr>
  55. <th style="text-align: left;">个人爱好</th>
  56. <th colspan="2" style="align: center;">
  57. <input type="checkbox" value="nv">唱歌&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  58. <input type="checkbox" value="nv">跳舞&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  59. <input type="checkbox" value="nv">读书&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  60. <input type="checkbox" value="nv">交友&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  61. <input type="checkbox" value="nv">书法&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  62. <input type="checkbox" value="nv">上网&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  63. <input type="checkbox" value="nv">旅游&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  64. <input type="checkbox" value="nv">聊天&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  65. </th>
  66. </tr>
  67. <table border="0" align="center">
  68. <tr>
  69. <td colspan="2" style="align: center;">
  70. <input type="submit" value="提交">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  71. <input type="reset" value="重置">
  72. </td>
  73. </tr>
  74. </table>
  75. </table>
  76. </body>
  77. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议