练习-HTML表单
1 <html lang="en"> 2 <head> 3 <h1>大学生爱好调查</h1> 4 <meta charset="utf-8"> 5 <title>大学生爱好调查</title> 6 <link rel="stylesheet" type="text/css" href="style.css"> 7 </head> 8 <body> 9 <p>请花几分钟填写以下内容</p> 10 <hr> 11 12 <form action="" method="get" class=""> 13 <div class="form-example"> 14 <label for="name">输入您的姓名:</label> 15 <input type="text" name="name" required="required"><br><br> 16 请输入您的E-mail: <input type="email" name="usremail" required="required"><br><br> 17 您的年龄段是?<select> 18 <option value="1">80后</option> 19 <option value="2">90后</option> 20 <option value="3">00后</option> 21 <option value="4">其他</option> 22 </select> 23 </div> 24 <div> 25 <p>请选择您的性别:</p> 26 <label><input type="radio" name="1"> 男</label> 27 <label><input type="radio" name="1"> 女</label> 28 </div> 29 <div> 30 <p>请选择您的爱好(多选):</p> 31 <label><input type="checkbox" name=""> 学习</label> 32 <label><input type="checkbox" > 运动</label> 33 <label><input type="checkbox" > 游戏</label> 34 <br><br> 35 <textarea rows="10" cols="30">请填写您的座右铭。 36 </textarea><br><br>
37 <input type="reset" value="重置">
38 <input type="submit" value="提交">
39 </div> 40 <br> 41 </form> 42 <a href="http://www.bilibili.com">友情链接!</a> 43 <script src="script.js"></script> 44 </body> 45 </html>
图片展示: