HTML 表单制作

最新推荐文章于 2024-10-16 16:55:14 发布

boonyaxnn

最新推荐文章于 2024-10-16 16:55:14 发布

阅读量3.7k

点赞数

分类专栏： HTML 文章标签： html 表单

本文链接：https://blog.csdn.net/boonyaxnn/article/details/52303243

版权

HTML 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="GB2312">
<title>我的主页</title>
</head>

<body>
<h3>教学意见调查表</h3>
<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>
  </select>
  </li>
  <li>讲师：<input type="text" name="teacher"></li>
  <li>性别：
  <input type="radio" name="sex" value="女生" 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="缺课3-5次"/>缺课3-5次 
  </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>
</ol>
</fieldset>
<textarea rows="4" name="hope" cols="60"></textarea>
<input type="submit" value="提交"/>
<input type="reset" value="重写"/>
</form>  
</body>
</html>

效果图：