博客列表 >HTML表单初体验

HTML表单初体验

黑夜家的一只猫
黑夜家的一只猫原创
2023年03月13日 19:57:42321浏览

使用表单对人口数据分类

  • 表单结果如下:
  • 2000-2005年人口分类数据代码如下:

    1. <!DOCTYPE html>
    2. <html lang="zh-CN">
    3. <head>
    4. <meta charset="UTF-8" />
    5. <meta http-equiv="X-UA-Compatiple" content="IE-edge" />
    6. <meta name="viewpiont" content="width=device-width, initial-scale=1.0" />
    7. <title>2000-2005年人口分类数据</title>
    8. </head>
    9. <body>
    10. <!-- table 中的属性,如border,cellspacing...已被css替代,这里临时借用 -->
    11. <table border="1" width="400" cellspacing="0" cellpadding="5">
    12. <caption>
    13. <h2>人口分类数据</h2>
    14. </caption>
    15. <thead bgcolor="lightblue" align="center">
    16. <tr>
    17. <td rowspan="3">年份</td>
    18. <td rowspan="3">总人口(万人)</td>
    19. <td colspan="4">按性别分</td>
    20. <td colspan="4">按城乡分</td>
    21. <td rowspan="3">出生率(%)</td>
    22. <td rowspan="3">死亡率(%)</td>
    23. <td rowspan="3">自然增长率(%)</td>
    24. </tr>
    25. <tr>
    26. <td colspan="2"></td>
    27. <td colspan="2"></td>
    28. <td colspan="2">城镇</td>
    29. <td colspan="2">乡村</td>
    30. </tr>
    31. <tr>
    32. <td>总人口数(万人)</td>
    33. <td>比重(%)</td>
    34. <td>总人口数(万人)</td>
    35. <td>比重(%)</td>
    36. <td>总人口数(万人)</td>
    37. <td>比重(%)</td>
    38. <td>总人口数(万人)</td>
    39. <td>比重(%)</td>
    40. </tr>
    41. </thead>
    42. <tbody align="center">
    43. <tr>
    44. <td>2000</td>
    45. <td>126743</td>
    46. <td>65437</td>
    47. <td>51.63</td>
    48. <td>61306</td>
    49. <td>48.37</td>
    50. <td>45906</td>
    51. <td>36.22</td>
    52. <td>80837</td>
    53. <td>63.78</td>
    54. <td>14.03</td>
    55. <td>6.45</td>
    56. <td>7.58</td>
    57. </tr>
    58. <tr>
    59. <td>2001</td>
    60. <td>127627</td>
    61. <td>65672</td>
    62. <td>51.46</td>
    63. <td>161955</td>
    64. <td>48.54</td>
    65. <td>48064</td>
    66. <td>37.66</td>
    67. <td>79563</td>
    68. <td>62.34</td>
    69. <td>13.38</td>
    70. <td>6.43</td>
    71. <td>6.95</td>
    72. </tr>
    73. <tr>
    74. <td>2002</td>
    75. <td>128453</td>
    76. <td>66115</td>
    77. <td>51.47</td>
    78. <td>62338</td>
    79. <td>48.53</td>
    80. <td>50212</td>
    81. <td>39.09</td>
    82. <td>78241</td>
    83. <td>60.91</td>
    84. <td>12.86</td>
    85. <td>6.41</td>
    86. <td>6.45</td>
    87. </tr>
    88. <tr>
    89. <td>2003</td>
    90. <td>129227</td>
    91. <td>66556</td>
    92. <td>51.50</td>
    93. <td>62671</td>
    94. <td>48.50</td>
    95. <td>52376</td>
    96. <td>40.53</td>
    97. <td>76851</td>
    98. <td>59.47</td>
    99. <td>12.41</td>
    100. <td>6.4</td>
    101. <td>6.01</td>
    102. </tr>
    103. <tr>
    104. <td>2004</td>
    105. <td>129988</td>
    106. <td>66976</td>
    107. <td>51.52</td>
    108. <td>63012</td>
    109. <td>48.48</td>
    110. <td>54283</td>
    111. <td>41.76</td>
    112. <td>75705</td>
    113. <td>58.24</td>
    114. <td>12.29</td>
    115. <td>6.42</td>
    116. <td>5.87</td>
    117. </tr>
    118. <td>2005</td>
    119. <td>130756</td>
    120. <td>67375</td>
    121. <td>51.53</td>
    122. <td>63381</td>
    123. <td>48.47</td>
    124. <td>56212</td>
    125. <td>42.99</td>
    126. <td>74544</td>
    127. <td>57.01</td>
    128. <td>12.4</td>
    129. <td>6.51</td>
    130. <td>5.89</td>
    131. </tbody>
    132. <tfoot align="center" bgcolor="lightgray">
    133. </tfoot>
    134. </table>
    135. </body>
    136. </html>
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议