html表单制作
2016-05-24 17:52
543 查看
初学html这里贴出部分代码及效果,
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>教学意见调查表</title> </head> <body> <form method="post" action="" enctype="text/plain"> <fieldset> <legend>个人及课程资料</legend> <ol> <li> 科目名称:<input type="text" name="subject" 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 />男生 <input type="radio" name="sex" value="女生" checked />女生 </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" value="提交"> <input type="reset" value="重写"> </form> </body> </html>
相关文章推荐