html表单制作

最新推荐文章于 2024-06-11 11:33:55 发布

柏灿

最新推荐文章于 2024-06-11 11:33:55 发布

阅读量1.6k

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/shan1991fei/article/details/51492249

版权

html 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

初学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>