(后续会持续更新)

用到的表单元素:文本区域(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>  

html表单制作

相关文章:

  • 2022-01-07
  • 2021-10-09
  • 2022-02-20
  • 2021-09-23
  • 2021-12-04
  • 2021-12-13
  • 2021-12-13
猜你喜欢
  • 2021-04-10
  • 2021-11-23
  • 2021-11-29
  • 2022-12-23
  • 2022-12-23
  • 2021-12-12
  • 2021-12-11
相关资源
相似解决方案