HTML表单初体验

编辑: admin 分类: 电脑知识 发布时间: 2023-06-14 来源:互联网
使用表单对人口数据分类
  • 表单结果如下：

  • 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>
    43.           <tbody align="center">
    44.               <tr>
    45.                   <td>2000</td>
    46.                   <td>126743</td>
    47.                   <td>65437</td>
    48.                   <td>51.63</td>
    49.                   <td>61306</td>
    50.                   <td>48.37</td>
    51.                   <td>45906</td>
    52.                   <td>36.22</td>
    53.                   <td>80837</td>
    54.                   <td>63.78</td>
    55.                   <td>14.03</td>
    56.                   <td>6.45</td>
    57.                   <td>7.58</td>
    58.               </tr>
    59.               <tr>
    60.                   <td>2001</td>
    61.                   <td>127627</td>
    62.                   <td>65672</td>
    63.                   <td>51.46</td>
    64.                   <td>161955</td>
    65.                   <td>48.54</td>
    66.                   <td>48064</td>
    67.                   <td>37.66</td>
    68.                   <td>79563</td>
    69.                   <td>62.34</td>
    70.                   <td>13.38</td>
    71.                   <td>6.43</td>
    72.                   <td>6.95</td>
    73.               </tr>
    74.               <tr>
    75.                   <td>2002</td>
    76.                   <td>128453</td>
    77.                   <td>66115</td>
    78.                   <td>51.47</td>
    79.                   <td>62338</td>
    80.                   <td>48.53</td>
    81.                   <td>50212</td>
    82.                   <td>39.09</td>
    83.                   <td>78241</td>
    84.                   <td>60.91</td>
    85.                   <td>12.86</td>
    86.                   <td>6.41</td>
    87.                   <td>6.45</td>
    88.               </tr>
    89.               <tr>
    91.                   <td>2003</td>
    92.                   <td>129227</td>
    93.                   <td>66556</td>
    94.                   <td>51.50</td>
    95.                   <td>62671</td>
    96.                   <td>48.50</td>
    97.                   <td>52376</td>
    98.                   <td>40.53</td>
    99.                   <td>76851</td>
    100.                   <td>59.47</td>
    101.                   <td>12.41</td>
    102.                   <td>6.4</td>
    103.                   <td>6.01</td>
    104.               </tr>
    105.               <tr>
    106.                   <td>2004</td>
    107.                   <td>129988</td>
    108.                   <td>66976</td>
    109.                   <td>51.52</td>
    110.                   <td>63012</td>
    111.                   <td>48.48</td>
    112.                   <td>54283</td>
    113.                   <td>41.76</td>
    114.                   <td>75705</td>
    115.                   <td>58.24</td>
    116.                   <td>12.29</td>
    117.                   <td>6.42</td>
    118.                   <td>5.87</td>
    119.               </tr>
    120.               <td>2005</td>
    121.               <td>130756</td>
    122.               <td>67375</td>
    123.               <td>51.53</td>
    124.               <td>63381</td>
    125.               <td>48.47</td>
    126.               <td>56212</td>
    127.               <td>42.99</td>
    128.               <td>74544</td>
    129.               <td>57.01</td>
    130.               <td>12.4</td>
    131.               <td>6.51</td>
    132.               <td>5.89</td>
    133.           </tbody>
    135.           <tfoot align="center" bgcolor="lightgray">
    136.           </tfoot>
    137.       </table>
    138.   </body>
    139. </html>
【感谢龙石为本站提供api网关 http://www.longshidata.com/pages/apigateway.html】
更多阅读