?
    您的当前位置:首页 ->dw检查表单插件
DreamWeaver留言板表单
新闻发布:随我玩手机网 编辑:邹翔宇
  

    在学这课之前先给大家解释一下表单和表单域的区别。表单是指代码标签,也就是DW设计视图下看到的红虚线框。

    表单域是指表单将来要提交的内容,也就是文本字段隐藏区域、文本区域单选按钮、按钮等元件叫表单域见图1。

    图1这些都是本课要用到的表单域

    一添加表单、布局表格

    1新建文档,保存为writeasp这个页面是签写留言的。首先要插入一个表单见图2。

    二、添加表单域

    1姓名:在姓名对应的表格里添加文本字段,在属性面板上取名为name见图4,这样做是为了与数据库的字段名字相对应。书名特效插件一把抓图书该部分分FireworksFlash、表单、表格检查报告类插件

    图4姓名对应的表单域命名

    2OICQ、EMAIL、个人主页的表单域的添加方法同上,均为文本字段,分别命名为:OICQ|oicq,个人主页|homepage。

    3头像:在相对应的单元格里分别插入用户头像图片,然后添加对应的单选按钮命名为tx。

    4性别:在姓名对应的表格里添加两个单选按钮,选中性别男单选按钮:在属性面板为它改名为sex选定值为男,初始状态-已勾选,

    设置见图5。选中性别女单选按钮:在属性面板为它改名为sex选定值为女,初始状态-未选中方法同上。

    图5性别男:8条评论发文时间年8月10日看来这个插件有问题,我朋友也出现过这个问题,不过我看没碰到过,不知道你的DW什么版本,重装一下DW然后升级下试试,应该没什么问题。# re:表单验证JS生成(dw插件安装对应表单域单选按钮的设置

    5、提交与重置按钮:在最下面的单元格添加两个按钮,选中提交按钮:在属性面板为它改名为Submit,标签选提交,动作-提交表单,

    设置见图6。选中重置按钮:在属性面板为它改名为Submit2,DW插件检查表单插件DW插件说明:检查表单插件收藏此资料举报1分947KB用手机下载用手机下载标签选重置,动作-重设表单方法同上。

    图6提交按钮属性

    6、添加隐藏区域:表单验证JS生成(DW插件)分享标签:DW插件分类:DW工作日志表单验证JS生成(DW插件)下载在提交按钮旁单击添加隐藏区域,在属性面板里为它改名为IP,在值里添加代码

    这段代码是获取客户端IP的见图7。

    三、定义提交按钮的服务器行为

    1、选中的整个表格,第一部分介绍了插件的获得、安装等基本知识检查报告类表单教程打开服务器行为面板,jquerydw插件单击“+”按钮选择菜单下的插入记录,表单验证高级插件非常好用,快捷。dw表单验证高级插件-asp表单验证高级插件-测试通过资源大小:16KB上传日期资源积分:2分下载次数见图9。

    图9服务器行为-插入记录

    2、设置表单域与数据库字段名一一对应,在表单元素里分别依次选中元素,在下面的列里选择与数据库相对应的域见图10。

    图10插入记录对话框

    四、定义表单提交的错误检查(行为面板)

    1、签写留言时为了避免有错误信息的写入,添加表单提交的错误检查功能。打开设计面板下的行为面板,单击+选择检查表单见图11。dw表单

    图11设计-行为-检查表单

    2、设置表单域和检查事件:name选择必需的,ociq选择数字,mail选择必需的和电子邮件,homepage不选,liuyan选择必需的见图12。

    一、控制一页显示留言数和翻页按钮

    先介绍应用程序下的按钮:记录集导航条:翻页功能按钮,记录集导航条状态:显示留言数量功能按钮见图1。

    图1应用程序-记录集导航条/记录集导航状态

    1、光标移到页面下方,单击记录集导航状态就会弹出记录集导航状态对话框见图2。

    图2记录集导航状态对话框

    2、再回车另起一行,单击记录集导航条就会弹出记录导航对话框,记录导航条将以文字方式显示见图3。

    图3记录集导航条对话框

    这样我们就完成了显示留言数量和翻页按钮见图4。

    图4已加好翻面和显示留言数功能

    二、留言内容显示问题

    1现在mainasp文件基本完成当然,你会想到:如果我们输入一些html代码,会怎么样呢?

    我们来输入一行html代码试一下输入:测试,结果见图5,这个当然是不安全的。也就是为什么决大部分论坛不支持html的原因。

    再测试看看,用户的留言如果很长,表格会自动撑大(文字不会自动换行)!

    2、为了解决以上问题,我们将原来绑定到留言单元格中的记录集字段()删除,添加“文本区域”,添加好后的文本区域见图7。

    图7添加好的文本区域

    3、然后选中刚才添加的文本区域,在属性面板里点击打开动态数据对话框,添加动态留言文本字段y_liuyan,见图8。

    图8为文本区域添加动态数据

    现在可以在留言试试看,表格自动换行,而且不支持html代码了,留言内容的显示问题也可以借助

 相关资讯
百分百F5600手机游正泰电工获中国电工十大G2上网及彩信设置方法HTC经典机型再次到货打造最正派武林名不虚传
万利达MZ300手机慎Ubuntu从入门到精OVI商店下载丰富资源samsung手机型号请不要如此戏弄中国消费
i9000刷机失败后由诺基亚时尚手机X6价格三星Galaxy系列手杭州中强电瓶配件店小巧直板MP5只要29
联想无线套装KM490封闭是否有前途iTun联想乐Phone售价1人教版高中英语单词mp联想I350资费通V3
摩托罗拉手机解码大全联想时尚翻盖手机P85天语手机产品资料信息大I9000字体修改美化三星S5230C手机软
 三星m8910
网站首页- 关于手闲- 免责申明 - 合作联系 - 网站地图 -
经营性网站
备案信息
不良信息
举报中心
网站备案许可证号:粤ICP备11036966号  
Copyright 1998 - 2011 随我玩手机网