- 1、本文档共8页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
武汉轻工大学
《HTML5》
实验报告
题 目:H5 的基本编程
2017 年 5 月 7 日
实验 1
H5 的基本编程
一、 实验目的:
1、熟悉集成开发环境 (IDE)
2、熟悉 HTML5 新增标记
3、熟悉 HTML5 页面架构
4、掌握 HTML5 表单
5、掌握 JS 的基本操作
二、 实验任务:
1. 表单格式验证,利用 H5 提供的验证功能实现对表单的验证。
2. 编写一个注册页面,界面类似如下所示 ,可以增加更多的项目 ,例如 ,可
以包括用户名 ,邮箱,密码 ,确认密码 ,性别 ,出生年月 ,住址 ,电话,身份证号 ,爱
好,等等。
3. 编写一个 DIY 视频播放器。可以对播放器实现播放,暂停,快播,慢
播,音量调节,显示播放进度等功能。
三、 试验步骤
任务 1 代码 :
! DOCTYPEhtml
html
meta charset = gb 2312 /
script
functioncheckEmail ()
{
var name = document.getElementById( txtUserName );
var result = document.getElementById( result );
var flag = name.checkValidity();
if(flag)
{
result.innerHTML = 用户名格式正确 ;
}
else
{
result.innerHTML = 用户名格式不正确 ;
}
}
/ script
form
fieldset
legend
请输入您的用户名和密码信息
/legend
用户名 :
input type= text id= txtUserName onblur= checkEmail ()
pattern= ^[ a-zA-Z 0-9]{5,}$
span id = result / span
br
密码:
input type= password id= txtPassword
/ fieldset
/ form
/ html
任务 1 实验截图:
任务 2 代码:
!DOCTYPE html
html
head
meta charset=UTF-8
title/title
script
functioncheckEmail() {
var name = document.getElementById(txtUserName);
var result = document.getElementById(result);
var flag = name.c
您可能关注的文档
- AutoCAD考试模拟题集之1.pdf
- AutoCAD快捷键与图标对照表.pdf
- A公司资产评估项目方案书.pdf
- A广告公司服务手册.pdf
- B+树索引实验报告.pdf
- BANACH空间二阶微分方程边值问题解的存在唯一性.pdf
- BP神经网络实现函数逼近python实现.pdf
- C#.net登录界面及密码.pdf
- C#post模拟登录整理.pdf
- C#连接数据库和插入、删除、更新数据库.pdf
- 2025年十字槽沉头自攻锁紧螺钉项目可行性研究报告.docx
- 2025年单位用吸尘器项目可行性研究报告.docx
- 2025年单反数码相机项目可行性研究报告.docx
- 2025年江苏省建筑施工企业主要负责人安全员A证考核考试题库【3套练习题】模拟训练含答案(第10次).pdf
- 2025年江苏省普通高中学业水平合格性考试地理试卷(wd无答案).pdf
- 2025年江苏省建筑施工企业专职安全员C1机械类考试题库【3套练习题】模拟训练含答案(第6次).pdf
- 2025年江苏省普通高中学生学期综合素质评价表(学期表) .pdf
- 2025年中国平行流式冷凝器市场调查研究报告.docx
- 2025年单槽水盆项目可行性研究报告.docx
- 2025年中国建筑机械市场调查研究报告.docx
文档评论(0)