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>
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/148900.html原文链接：https://javaforall.cn
腾讯云开发者
