在学这课之前先给大家解释一下表单和表单域的区别
表单是指代码标签,也就是DW设计视图下看到的红虚线框
表单域是指表单将来要提交的内容,也就是文本字段、隐藏区域、文本区域、单选按钮、按钮等元件叫表单域,见图1
图1这些都是本课要用到的表单域一、添加表单、布局表格1、新建文档,保存为write
asp这个页面是签写留言的
首先要插入一个表单见图2
图2插入表单面板2、在表单内添加表格,表格布局设置见图3
图3布局表格二、添加表单域1、姓名:在姓名对应的表格里添加文本字段,在属性面板上取名为name见图4,这样做是为了与数据库的字段名字相对应
图4姓名对应的表单域命名2、OICQ、EMAIL、个人主页的表单域的添加方法同上,均为文本字段,分别命名为:OICQ|oicq,EMAIL|mail,个人主页|homepage
3、头像:在相对应的单元格里分别插入用户头像图片,然后添加对应的单选按钮命名为:tx
4、性别:在姓名对应的表格里添加两个单选按钮,选中性别男单选按钮:在属性面板为它改名为sex选定值为男,初始状态-已勾选,设置见图5
选中性别女单选按钮:在属性面板为它改名为sex选定值为女,初始状态-未选中,方法同上
图5性别男:对应表单域单选按钮的设置5、提交与重置按钮:在最下面的单元格添加两个按钮,选中提交按钮:在属性面板为它改名为Submit,标签选提交,动作-提交表单,设置见图6
选中重置按钮:在属性面板为它改名为Submit2,标签选重置,动作-重设表单,方法同上
图6提交按钮属性6、添加隐藏区域:在提交按钮旁单击添加隐藏区域,在属性面板里为它改名为IP,在值里添加代码这段代码是获取客户端IP的,见图7
图7隐藏区域设置7、留言内容:在留言内容对应的单元格里添加文本区域在属性面板里为它改名为liuyan,全部添加完的表单域,见图8
图8添加好的表单域三、定义提交按钮的服