大家好，又见面了，我是你们的朋友全栈君。
(后续会持续更新)
用到的表单元素：文本区域（textarea）、列表框（select）、文本输入框（input type=text）、单选输入框（input type=radio）、复选输入框（input type=checkbox）、重置按钮（input type=”reset” value=”重置”）、提交按钮（input type=”submit” value=”提交”）、密码域（input type=”password” name=”text” value=” “）
<html>
<head>
<meta charset=”utf-8″>
<title>我的主页</title>
</head>
<body>
<h2>教学意见调查表</h2>
<li>请输入密码：</li>
<input type=”password” name=”text” value=”123456″ />
<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>
<option>生物科学与工程学院</option>
<option>音乐与舞蹈学院</option>
</select>
</li>
<li>讲师：<input type=”text” name=”teacher”></li>
<li>性别：
<input type=”radio” name=”sex” value=”女”/>女
<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=”缺课3次以上”/>缺课3次以上
</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/>
</li>
<textarea rows=”4″ name=”hope” cols=”60″></textarea>
<input type=”submit” value=”提交”/>
<input type=”reset” value=”重置”/>
</ol>
</fieldset>
</form>
</body>
</html>
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/148900.html原文链接：https://javaforall.net
