SOURCE

<div id="container" style="width:660px">
<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;text-align:center;">HTML5 新元素</h1></div>
<div id="menu" style="background-color:#FFD700;height:560px;width:160px;float:left;">
  <b>菜单</b><br>
                                                                          canvas 新元素<br>
  <ul>新多媒体元素<br>
  <li>HTML video 标签</li>
  <li>HTML source 标签</li>
  <li>HTML audio 标签</li>
  </ul>
<ol>新表单元素<br>
  
  <li>HTML datalist 标签</li>
  <li>HTML keygen 标签</li>
  <li>HTML output 标签</li>
  </ol>
  新的语义和结构元素<br>
  <select>  
        <option class="selected"><a href="#">nva</a></option>  
        <option value="/wbr">wbr</option>  
        <option value="/time">time</option>  
        <option value="/rt">rt</option>  
        <option value="/rp">rp</option>  
    </select>  
  </div>
<div id="content" style="background-color:#EEEEEE;height:200px;width:500px;float:left;"><h2 >注册框</h2>
  <form action="">
学号: <input type="text" name="firstname"><br>
姓名: <input type="text" name="lastname"><br>
  <input type="submit" value="提交">   
</form>
  <h2 >密码框</h2>
<form action="">
学号: <input type="text" name="user"><br>
密码: <input type="password" name="password">
</form>

<p><b>注意：</b> 密码字段中的字符是隐藏的(显示为星号或圆圈)。</p>
<h2 >单选框</h2>
<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form> 
<h2 >复选框</h2>
 <form action="demo-form.php" method="get">
  <input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
  <input type="checkbox" name="vehicle" value="Car" checked="checked"> I have a car<br>
  <input type="submit" value="提交">
</form>
</div>
<div id="footer" style="background-color:#FFA500;clear:both;text-align:center;">
版权 © runoob.com</div>

h2{
  TEXT-align:center;
  color:blue;
 }