网页设计HTML中表单网页设计教案

合集下载

相关主题

网页设计表单

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

教学项目十六HTML中表单网页设计（二）

【教学内容】

讲解HTML中复选框、多行文本框、下拉列表的使用

【教学目的】

使学生掌握综合性表单的制作

【教学重点】

HTML综合性表单设计

【教学难点】

理解表单中相应元素对应标志及属性的含义

【教学方式】

案例分析式、项目教学

【教学参考】

1.<

2.<> 电脑报社出版

3.TML网页制作教程材义语编著铁道出版社

4.HTML基础与实例程耀编著电子工业出版社

【新课】

一、HMTL中表单元素的使用

1.复选框

格式：

vi叩ut type=checkbox name二字段名value=字段值checked>

2.多行文本框

格式：

</p><p>3.下拉列表</p><p>格式：</p><p><sclect namc=字段名、126=显示的列表项数multiplc></p><p><option value=值selected>显示列表项值</option></p><p></select></p><p>说明：</p><p>size:指定屏幕上下拉列表中同时显示的选项个数</p><p>multiple:设定是否可以复选（同时按住组合键CTRL+SHIFT实现复选操作）selected:设定选项己选中</p><p>例1:设计网页设计大赛作品征集网页</p><p>U 我的个人网页—BierosroTt Iwterne-t Explorer</p><p>文件(E) <1) 近石(V) 收球 0) XH (I ) ffifth 01)</p><p>。后 iE -</p><p>:乜tlb I' 1 4^1 G ：</p><p>\FrontPaccVhtmlzan.plc\a4. htm</p><p>记砺本 - 艮我</p><p>的个... EN 0 ,</p><p>17 28</p><p>程序代码如下： <HTML> <Head></p><p>vti 〔le>我的个人网页</title> </head></p><p><body background=l I .gif> <form></p><p><p align=center><font size=5 face=隶书〉网页设计大赛作品征集表</p> <table border= 1 align=center> <tr> vid>姓</p><p>名</p><p>vinpul</p><p>type=text name=xm</p><p>size=</p><p>10></td></p><p>vid>EMAILvinput</p><p>type</p><p>二</p><p>password</p><p>size=12</p><p>name=mail></td></p><p></tr> <lr> <td colspan=2></p><p>性</p><p>另</p><p>ijvinput</p><p>typc=radio</p><p>name=sex</p><p>valuc=^>^</p><p><input type=radio name=sex value=々>女</p><p></td> </tr> <tr></p><p><td colspan=2> 制作时间<select></p><p>凶回lb /按亲，收I 哄—媒体®合―</p><p>网页设讦大家作品彳正来奏</p><p>EMAIL</p><p>□ FLASH</p><p>弗JT 乍 BrtQ 2003 v " 佐政朋的k*工耳</p><p>B FRONTPAGE 口 DRE</p><p>•也介细 AVER O JavaScript</p><p>诺与出不超过200字的隅</p><p>场绍</p><p>希完毕 ______________________________________________ 2我的电脂</p><p><option value=2001 >200 l</option></p><p><option value=2002>2002</option> <option value=2003>2003</option> <option value=2004>2004</option> v/select> 年</p><p><select></p><p><option value= 1 > 1 </option> <option value=2>2</option> <option value=3>3</option> <option value=4>4</option> <option value=5>5</option> <option value=6>6</option> <option value=7>7</option> <option value=8>8</option> <option value=9>9</option> <option value= 1 ()> 11 </option> <option value= 12> 12</option> v/select> 月</p><p><select></p><p><option value= 1 > 1 </option> <option value=2>2</option> <option value=3>3</option> <option value=4>4</option> <option value=5>5</option> <option value=6>6</option> <option value=7>7</option> <option value=8>8</option> <option value=9>9</option> <oplion value= 10> 10</option> <option value=l 1>1 l</option> <option vaiue= 12> 12</option> <option value= 13> 13</option> <option value= 14> 14</option> <option value= 15> 15</option> <option value= 16> 16</option> <option value= 17> 17</option> <option value= 18> 18</option> <option value= 19> 19</option> <option value=20>20</option> <option value=21 >21 </option></p> </div> </div> </div> </div> </div> <div id="rightcol" class="viewcol"> <div class="coltitle">相关文档</div> <ul class="lista"> <li><a href="/doc/0a10920168.html" target="_blank">HTML网页设计(表单元素)</a></li> <li><a href="/doc/1019348964.html" target="_blank">网页设计HTML中表单网页设计教案</a></li> <li><a href="/doc/155975253.html" target="_blank">网页设计基础-表格与表单</a></li> <li><a href="/doc/1111049060.html" target="_blank">教学项目十六 HTML中表单网页设计(二) </a></li> <li><a href="/doc/232175795.html" target="_blank">网页设计HTML表格基础与布局</a></li> <li><a href="/doc/298636520.html" target="_blank">网页设计基础-表格与表单</a></li> <li><a href="/doc/2819407939.html" target="_blank">详解使用Dreamweaver进行网页设计</a></li> <li><a href="/doc/2d16710045.html" target="_blank">网页设计基础试卷5</a></li> <li><a href="/doc/372167876.html" target="_blank">《网页设计与制作》第三章：插入网页基本元素[1]</a></li> <li><a href="/doc/3519269726.html" target="_blank">HTML制作网页表单验证代码</a></li> </ul> <div class="coltitle">最新文档</div> <ul class="lista"> <li><a href="/doc/071000073.html" target="_blank">饭店包间名字大全</a></li> <li><a href="/doc/0d10001030.html" target="_blank">word无法创建工作文件,请检查临时环境变量</a></li> <li><a href="/doc/0d10001458.html" target="_blank">自行车健身比赛开幕式讲话词</a></li> <li><a href="/doc/0510001469.html" target="_blank">2018乡村医生个人工作总结</a></li> <li><a href="/doc/0e10002558.html" target="_blank">MySQL测试题 SQL</a></li> <li><a href="/doc/0310002568.html" target="_blank">合勤NXC5200</a></li> <li><a href="/doc/0210004833.html" target="_blank">铁路集中箱空箱调度优化建模案例(案例2)</a></li> <li><a href="/doc/021000530.html" target="_blank">微分几何教学大纲-复旦大学数学科学学院</a></li> <li><a href="/doc/031000596.html" target="_blank">人教版九年级数学上册导学案：24.1.1_圆【精品】</a></li> <li><a href="/doc/0c10006773.html" target="_blank">(整容后办护照用)医院整容证明</a></li> <li><a href="/doc/0e10006860.html" target="_blank">危险废物管理台账</a></li> <li><a href="/doc/0310008420.html" target="_blank">2017年终大会会场物料设计方案</a></li> </ul> </div> </div> <script> var did = "119348964"; var ext = 'docx'; var docId = '129de576ag8ge2crcggu1p4imcjs8qai'; var totalPage = 8; const pageNum = '8'; </script> <div class="clearfloat"></div> <div id="footer"> <div class="ft_info"> <a href="https://beian.miit.gov.cn">闽ICP备16038512号-3</a> <a href="/tousu.html" target="_blank">侵权投诉</a> ©2013-2023 360文档中心,www.360docs.net | <a target="_blank" href="/sitemap.html">站点地图</a><br> 本站资源均为网友上传分享，本站仅负责收集和整理，有任何问题请在对应网页下方投诉通道反馈 </div> <script>foot()</script> </div> </body> </html>