- 1、本文档共46页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
第3章 静态网页开发技术综述
Java Web开发技术教程;主要内容;HTML简介 ;HTML标签的结构形态 ;HTML文件结构;一个简单的超文本文档的源代码 ;html标签 ;body标签; 一般文章都有标题、副标题、章和节等结构,HTML中也提供了相应的标题标签Hn,其中n为标题的等HTML总共提供六个等级的标题,n越小,标题字号就越大,以下列出所有等级的标题:
H1…/H1 第一级标题
H2…/H2 第二级标题
H3…/H3 第三级标题
H4…/H4 第四级标题
H5…/H5 第五级标题
H6…/H6 第六级标题
【例3-4】hn.html ;p标签和br标签;链接 ; HTML中的表格 ;设置表格的大小 ;HTML表单;单行文本编辑框
【功能】 内容本身比较短只有一行,需要用户的输入。
【示例】
input type = text name = username size = 20
密码框
【功能】 输入的内容看不到,但是可以被发送到服务器。
【示例】
input type = password name = pw size = 20 ;单选框;复选框;多行文本编辑框
【功能】 能够进行多行的文本输入。
【示例】
p请输入你的留言:/p
ptextarea rows = 5 name = myarea cols = 30 /textarea /p
下拉列表框select和option
【功能】用户在给出的较多选项中选择一个。
【示例】
pselect size = 1 name = mymenu
option selected value = 163 163/option
option value=263 263 /option
option value=sina sina/option
/select/p
;表单提交;【功能】 完成表单的提交
【示例】
input type = submit value = 提交 name = B1
其中:
type=”submit”是提交按钮的标识
Value是提交按钮的值,同时也是按钮上面显示的内容;
Name是按钮的名字,可以根据这个名字获取按钮的值。
【说明】
(1)每个表单中都应该有至少一个提交按钮submit用来完成提交动作;一个表单中可以使用多个提交按钮来完成不同的提交工作。
(2)多个按钮可以使用相同的名字,多个按钮使用同样的名字,但是值不一样,(3)根据值区分不同的按钮;也可是使用不同的名字,根据按钮的名字区分不同的按钮。 ;; JavaScript简介;JavaScript的特点;JavaScript中的事件;事件处理函数;JavaScript对象;String对象;String对象的常用方法
charAt():返回指定位置上的字符(长度为1的字符串)。
indexOf():返回某个指定的字符串值在字符串中首次出现的位置。
;document对象;prompt()方法运行用户在对话框中输入信息,并可使用默认值,基本格式:
prompt(“提示信息”,默认值)
document.write()方法和document.writeln()方法用于将文本信息直接输出到浏览器窗口中。 ;window对象是每个窗口或者对话框的顶层对象,是document、location及history对象的父对象。
常用属性:
closed:窗口是否关闭。
document:document对象。
history:history对象。
location:location对象。
常用方法:
Alert([message]):显示带有警告信息的窗口,并有“确定”按钮。;confirm([Message]):显示带有确认信息的窗口,并有“确定”和“取消”按钮。
focus():使本窗口获得焦点。
open():打开新窗口,显示指定的页面。
prompt([message][,defaultValue]):显示提示对话框,带有提示信息和默认值。
close():关闭当前窗口。
;将JavaScipt代码加入HTML文件中;P29
项目构思
验证名字是否为空,邮箱是否为空及邮箱地址是否格式正确,确认密码与密码是否一致。
项目设计
(1)在“提交按钮”标签加入onclick=check()”,当单击提交按钮调用Javascript的check()方法。
(2)check()方法检查表单各元素。
(3)如果没有错误,调用方法submit()提交表单。 ;层叠样式表单CSS;层叠样式表单CSS;CSS语句格式;编写CSS样式过程需要注意以下问题;CSS选择符 ;使用html标签的class属性设置值的选择符就是c
您可能关注的文档
- 第3章 计算机硬件与环境安全综述.pptx
- 东莞市三级综合医院医务检查路线图讲述.doc
- 东莞市黄江镇长龙水厂环评报告讲述.doc
- 东莞市2011~2012学年度第二学期教学质量检查高二地理试卷(WORD打印版)讲述.doc
- 东莞某办公楼室内装饰工程施工组织设计讲述.doc
- 东赵乡中心校教师绩效工资考核与分配2016.3.9讲述.doc
- 东轻模板施工+讲述.doc
- 东财《国际贸易实务》在线作业二、一(随机)讲述.doc
- 东财2015年《组织行为学》在线作业多选(随机)讲述.doc
- 东和湾小区整改专项讲述.docx
- NXP 系列:K64F_(6).K64F的开发工具与环境.docx
- NXP 系列:K64F_(7).固件开发基础.docx
- 中级银行从业资格之中级银行业法律法规与综合能力练习题库及完整答案详解.docx
- 2025至2030X射线辐射探测器行业市场占有率及投资前景评估规划报告.docx
- NXP 系列:K64F_(8).实时操作系统RTOS应用.docx
- 2025至2030X射线骨密度仪行业市场深度研究与战略咨询分析报告.docx
- 植物甾醇及其衍生物产品生产研发基地项目可行性研究报告模板-备案拿地.doc
- NXP 系列:K64F_(10).调试与测试技巧.docx
- 2025至2030X射线骨密度仪行业市场占有率及投资前景评估规划报告.docx
- 智能混动(皮卡)汽车零部件研发制造项目可行性研究报告写作模板-备案审批.doc
最近下载
- 俯卧位通气理论与实践.ppt VIP
- 推荐!怀孕期间离婚协议书范文简短9篇.docx VIP
- 网络设备安装与调试(思科版)中职完整全套教学课件.pdf
- 三年(2023-2025)高考物理真题分类汇编:专题11 电磁感应(全国通用)(解析版).docx VIP
- 山东省滨州市北镇中学实验初中部2024—2025学年八年级下学期阶段性测试即开学考试 英语试题(含解析).docx VIP
- 供货方案及保证措施供货方案范文9篇.docx VIP
- 全国高校黄大年式教师团队申报表范例.pdf VIP
- 2025年消防设施操作员(监控类)考试复习(重点)题库(浓缩300题).docx VIP
- 长春工业大学黄大年式教师团队.DOC VIP
- 供货方案及保证措施供货方案.docx VIP
文档评论(0)