欢迎来到天天文库
浏览记录
ID:72000219
大小:390.00 KB
页数:21页
时间:2021-12-08
《用DreamWeaver打造留言板》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、在学这课之前先给大家解释一下表单和表单域的区别。表单是指<form>代码标签,也就是DW设计视图下看到的红虚线框。 表单域是指表单将来要提交的内容,也就是文本字段、隐藏区域、文本区域、单项选择按钮、按钮等元件叫表单域,见图1。 图1 这些都是本课要用到的表单域 一、添加表单、布局表格 1、新建文档,保存为write.asp这个页面是签写留言的。首先要插入一个表单见图2。 图2 插入表单面板 2、在表单内添加表格,表格布局设置见图3。 图3 布局表格 二、添加表单域
2、1、姓名:在姓名对应的表格里添加文本字段,在属性面板上取名为name见图4,这样做是为了与数据库的字段名字相对应。 图4 姓名对应的表单域命名 2、OICQ、EMAIL、个人主页的表单域的添加方法同上,均为文本字段,分别命名为:OICQ
3、oicq,EMAIL
4、mail,个人主页
5、homepage。 3、头像:在相对应的单元格里分别插入用户头像图片,然后添加对应的单项选择按钮命名为:tx。 4、性别:在姓名对应的表格里添加两个单项选择按钮,选中性别男单项选择按钮:在属性面板为它改名为sex选定值为男,初始状态-已勾选, 设置见
6、图5。选中性别女单项选择按钮:在属性面板为它改名为sex选定值为女,初始状态-未选中,方法同上。 图5 性别男:对应表单域单项选择按钮的设置 5、提交与重置按钮:在最下面的单元格添加两个按钮,选中提交按钮:在属性面板为它改名为Submit,标签选提交,动作-提交表单, 设置见图6。选中重置按钮:在属性面板为它改名为Submit2,标签选重置,动作-重设表单,方法同上。 图6 提交按钮属性 6、添加隐藏区域:在提交按钮旁单击添加隐藏区域,在属性面板里为它改名为IP,在值里添加代码<%=Request(&a
7、mp;quot;remote_addr")%> 这段代码是获取客户端IP的,见图7。 图7 隐藏区域设置 7、留言内容:在留言内容对应的单元格里添加文本区域在属性面板里为它改名为liuyan,全部添加完的表单域,见图8。 图8 添加好的表单域 三、定义提交按钮的效劳器行为 1、选中的整个表格,翻开效劳器行为面板,单击“+〞按钮选择菜单下的插入记录,见图9。 图9 效劳器行为-插入记录 2、设置表单域与数据库字段名一一对应,在表单元素里分别依次选中元素,在下面的列里选择
8、与数据库相对应的域,见图10。 图10 插入记录对话框 四、定义表单提交的错误检查〔行为面
此文档下载收益归作者所有