小白上路——简单的html的调查问卷

https://www.52pojie.cn/thread-914886-1-1.html

功能：制作下面调查问卷
工具：Macromedia Dreamweaver 8

步骤：
   （1）新建“html”文件；
   （2）插入表单；
   （3）在表单中输入文字，插入对应的文本域、列表/菜单、按钮即可；
PS：
      按钮两个、”提交”和“重置”；
   （4）运行。
结果：
[img=110,0]https://www.52pojie.cn/forum.php?mod=image&aid=1454510&size=300x300&key=256bf8c32f4dea3c&nocache=yes&type=贴图错误，请阅读“贴图帮助”。
反思：
   （1）如果每行数据占一个表单，“重置”按钮还会起作用吗？
   （2）“性别”用的是“菜单、列表”,可不可以用 ”单选按钮”or”复选框”？
看看代码？（内容很简单，代码有点长，但是，几乎没写代码）

[HTML] 纯文本查看 复制代码

													<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
												
													<head>
												
													<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
												
													<title>数据搜集</title>
												
													</head>
												
													<body>
												
													<form id="form1" name="form1" method="post" action="">
												
													  <p>姓名   
												
													    <label for="textfield"></label>
												
													    <input name="姓名" type="text" id="姓名" size="8" />
												
													  </p>
												
													  <p>性别
												
													    <select name="性别" id="select">
												
													      <option value="男" selected="selected">男</option>
												
													      <option value="女">女</option>
												
													    </select>
												
													    <label for="select"></label>
												
													  </p>
												
													  <p>学号
												
													    <input name="学号" type="text" id="textfield2" size="10" />
												
													    <label for="textfield2"></label>
												
													  </p>
												
													  <p>专业  
												
													    <select name="专业" id="select2">
												
													      <option value="计算机">计算机</option>
												
													      <option value="网络安全">网络安全</option>
												
													      <option value="通信">通信</option>
												
													      <option value="软件工程">软件工程</option>
												
													      <option value="自动化">自动化</option>
												
													    </select>
												
													    <label for="select2"></label>
												
													  </p>
												
													  <p>班级
												
													    <label for="select3"></label>
												
													    <select name="年级" id="select3">
												
													      <option value="15">15</option>
												
													      <option value="16">16</option>
												
													      <option value="17">17</option>
												
													      <option value="18">18</option>
												
													    </select>
												
													    <label for="select4"></label>
												
													    <select name="班级" id="select4">
												
													      <option value="一班">一班</option>
												
													      <option value="二班">二班</option>
												
													      <option value="三班">三班</option>
												
													      <option value="四班">四班</option>
												
													    </select>
												
													  </p>
												
													  <p>省份  
												
													    <select name="省份" id="select5">
												
													      <option value="甘肃">甘肃</option>
												
													      <option value="黑龙江">黑龙江</option>
												
													      <option value="北京">北京</option>
												
													      <option value="陕西">陕西</option>
												
													      <option value="云南">云南</option>
												
													    </select>
												
													  </p>
												
													  <p>
												
													    <input type="submit" name="提交" id="button" value="提交" />
												
													    <input type="reset" name="重置" id="button2" value="重置" />
												
													  </p>
												
													  <p> </p>
												
													</form>
												
													</body>
												
													</html>

: 9`BCT62E)0MUGNFWE{}]6KD.png (27.11 KB, 下载次数: 0)

: CR7}5JS3V`%3{LB6SY4A`}J.png (29.18 KB, 下载次数: 0)

小毅网志

小白上路——简单的html的调查问卷

相关推荐

网友评论（0）