表单的完整示例(教学效果调查表)
<!DOCTYPE html>
 <html>
 <head>
     <title>教学意见调查表</title>
 </head>
 <body>
     <h3>教学意见调查表</h3>
     <form method="post" action="" enctype="text/plain">
         <fieldset>
             <legend>个人及课程资料</legend>
             <ol>
                 <li>
                     科目名称:<input type="text" name="subject" autofocus="autofocus" />
                 </li>
                 <li>
                     请选择系所:
                     <select size="1" name="department">
                         <option>英文系</option>
                         <option>法律系</option>
                         <option>信息管理系</option>
                         <option>电子工程系</option>
                         <option>信息工程系</option>                        
                     </select>                    
                 </li>
                 <li>
                     讲师:<input type="text" name="teacher" />
                 </li>
                 <li>
                     性别:
                     <input type="radio" name="sex" value="男生" checked="checked" />男生
                     <input type="radio" name="sex" value="女生" />女生
                 </li>
                 <li>
                     开课日期:<input type="date" name="startdate" />
                 </li>                
             </ol>
 
         </fieldset>
 
         <fieldset>
             <legend>意见调查</legend>
             <ol>
                 <li>
                     这门课你的出席状况是
                     <input type="radio" name="assist" value="没有缺课" />没有缺课 
                     <input type="radio" name="assist" value="缺课1-3次" />缺课1-3次 
                     <input type="radio" name="assist" value="缺课4-6次" />缺课4-6次 
                     <input type="radio" name="assist" value="缺课6次以上" />缺课6次以上 
                 </li>
                 <li>
                     你对这门课的态度
                     <input type="radio" name="attitude" value="很认真" />很认真 
                     <input type="radio" name="attitude" value="还算认真" />还算认真 
                     <input type="radio" name="attitude" value="很不认真" />很不认真 
                     
                 </li>
                 <li>
                     修习这门课的原因(可复选)
                     <input type="checkbox" name="reason" value="必修" />必修
                     <input type="checkbox" name="reason" value="凑学分" />凑学分
                     <input type="checkbox" name="reason" value="个人兴趣" />个人兴趣
                     <input type="checkbox" name="reason" value="其他" />其他原因
                     
                 </li>
                 <li>
                     请简述你对这门课的期望和改进意见:<br />
                     <textarea rows="3" name="hope" cols="50" ></textarea>
                 </li>
             </ol>
         </fieldset>
         <input type="submit" name="submit" value="提交" />
         <input type="reset" name="reset" value="重写" />
     </form>
 </body>
 </html>
ch4. HTML5多媒体素材的应用
图片
 
网页图片使用须知:常用文件扩展名(png/jpeg/gif),前俩静态,gif动态
图片选用原则:在保证图片清晰的前提下,文件越小越好
图片分辨率:72 dpi  ( dot per inch)即每英寸包含多少像素点
建议的图片打小:最好不要超过30KB,如遇到特殊的大图要求,建议分割图片后,再拼接。