您的位置:首页 > Web前端 > HTML

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>

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: