11检查表单教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt
《11检查表单教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt》由会员分享,可在线阅读,更多相关《11检查表单教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5) .ppt(9页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、11检查表单教学课件 高教版 中职 网页设计与制作(Dreamweaver CS5)检查表单静态网站制作教学资源课件静态网站制作教学资源课件 在制作完表单后,还需要设置表单数据的输入规则以确保用户提交数据的有效性,并同时指定处理表单的程序,当用户提交表单后有程序检测数据的有效性,并反馈信息。1、在标签选择器中单击 标签,选中整个表单,单击“窗口”菜单中的“行为”命令或按“shift+F4”,打开如图4.45所示的“行为”面板,单击加号按钮在弹出的列表中选择“检查表单”命令,打开“检查表单”对话框,如右图所示。2、在“命名的栏位:”中选择:文本“name”在表单“form1”,在“值”处选择“必
2、需的”,表示浏览者在姓名框中必须输入字符。3、在“命名的栏位:”中选择第二项,在“值”处选择“必需的”,在“可接受”处选择“电子邮件地址”,表示浏览者输入的内容必须是电子邮件格式。4、单击“确定”按钮。保存网页,浏览时如果不在姓名和Email文本框中输入内容就点击“提交”按钮,则弹出如图4.47所示的窗口,提示用户要重新输入。用Dreamweaver中检查表单的功能,所得到的检查结果亲和力非常差,浏览者可能根本看不懂,而图4.48的检查结果就很容易理解。1、在“代码”视图中和之间输入下面的代码:function chktext()chkmessage=if(document.form1.nam
3、e.value=)chkmessage=姓名不能为空!姓名不能为空!if(document.form1.email.value=)chkmessage=chkmessage+Email不能为空!不能为空!if(document.form1.email.value.indexOf(,1)0)chkmessage=chkmessage+Email格式不对!格式不对!if(chkmessage=)return true;else alert(chkmessage);return false;当前表单的名称2、向下找到标签,进行如下修改:onsubmit=return chktext()3、保存网页,浏览时如果不输入内容就提交页面则会看到上面的检查结果。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 11检查表单教学课件 高教版 中职 网页设计与制作Dreamweaver CS5 11 检查 表单 教学 课件 高教 网页 设计 制作 Dreamweaver CS5
限制150内