html表单制作

(后续会持续更新)

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


  • 8
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值