《表单和Spry构件》PPT课件.ppt

《《表单和Spry构件》PPT课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第6章表单和Spry构件6.1【案例24】“中国自助旅游协会会员登记表”网页相关知识1．表单域和插入表单对象（1）创建与删除表单域：①创建表单域：将光标移到要插入表单域的位置。单击“插入”（表单）面板内的“表单”按钮，或用鼠标将“插入”（表单）栏内的表单图标拖动到网页文档窗口内，即可在网页设计窗口内创建一个表单域，如图6-1-3所示。单击表单域内部，将光标移到表单域内，按【Enter】键可将表单域调大。按【Backspace】键可使表单域缩小。表单域在浏览器内是看不到的。②显示表单域：在表单域创建后，若看不到表单域的矩形红线，可以单击“查看”→“可视化助理”→“不可见元素”命

2、令，将表单域的矩形红线显示出来。③删除表单域：单击表单域边线，选中表单域，按【Delete】键，可删除表单域。llll（2）设置表单域的属性：单击选中表单域，此时表单域“属性”栏如图6-1-12所示。图6-1-12表单域“属性”栏“表单名称”文本框：在该文本框内输入表单域的名称。该名称可用于JavaScript和VBScript等脚本语言中，这些脚本语言可控制表单域的属性。“动作”文本框和文件夹按钮：可以输入脚本程序或含有脚本的HTML文件。“方法”下拉列表框：用来选择客户端与服务器之间传送数据采用的方式。其中的三个选项分别是“默认”、“GET”（获得，即追加表单值到URL，

3、并发送服务器GET请求）和“POST”（传递，在消息正文中发送表单的值，并发送服务器POST请求）。“类”下拉列表框：其中有“重命名”、“管理样式”和创建的CSS样式名称等多个选项。这些选项可以用来选择CSS样式、给CSS样式更名和创建新的CSS样式等。（3）插入表单对象：将光标移到要插入表单对象的位置，单击“插入”（表单）栏中的相应按钮，可在光标处插入一个相应的表单对象。单击“插入记录”→“表单”命令，可调出它的下一级菜单。根据要插入的表单对象类别，单击其内的命令也可插入表单对象。和文本区表单对象的“属性”栏中都有一个名称文本框，用来输入表单对象的名称，该名称可在程序中使用

4、，以指定表单对象。2．设置文本字段和文本区域的属性文本字段也叫文本域。表单中经常使用文本字段。它可以是单行，也可以是多行，主要用于接收文本、数字和字符。文本字段的“属性”栏如图6-1-4所示。如果选中了“类型”选项组内的“密码”单选按钮，则“属性”栏如图6-1-5所示。如果选中了“类型”选项组内的“多行”单选按钮，则“属性”栏如图6-1-6所示。创建文本区域的方法和创建文本字段的方法基本一样，只是单击的是“文本区域”按钮。文本区域的“属性”栏与图6-1-6基本一样。在网页中创建的文本区域是一个右边有滚动条的文本框。文本字段域“属性”栏内各选项的作用如下：（1）“字符宽度”文本

5、框：文本域的宽度，即显示字符的最多个数。（2）“类型”选项组：该选项组有三个单选按钮，用来选择“单行”、“多行”或“密码”文本域。密码文本域的特点是：当用户输入文字时，密码文本域内显示的不是这些文字，而是一行“●”。选择“多行”单选按钮时，其“属性”栏会发生变化——“初始值”文本框变为带滚动条的多行文本框，同时“换行”下拉列表框变为有效，“字符宽度”文本框变为“行数”文本框，用来输入文本框的行数。（3）“最多字符数”文本框：允许输入的字符个数，可以比文本框宽度大。llllll（4）“初始值”文本框：用来输入文本框的初始内容。（5）“换行”下拉列表框：只有在选择了“多行”类型后

6、才变为有效状态。“换行”下拉列表框内有四个选项，其含义如下：“默认”：采用浏览器的默认值。“关”：当输入的文字超过文本框的宽度时不换行，但会出现滚动条。“虚拟”：当输入的文字超过文本框宽度时会自动换行，在向服务器传输时无回车符。“实体”：当输入的文字超过文本框的宽度时，会自动加入回车符并换行。3．设置复选框和单选按钮的属性（1）设置复选框的属性：复选框有选中和未选中两种状态，多个复选框允许多选。其“属性”栏如图6-1-13所示，各选项的作用如下：“选定值”文本框：用来输入复选框选中时的数值，通常为1或0。“初始状态”选项组：有两个单选按钮，用来设置复选框的初始状态。图6-1-

7、13复选框的“属性”栏按钮。lll（2）设置单选按钮的属性：其“属性”栏如图6-1-10所示。该“属性”栏内的选项与复选框“属性”栏中相应选项的作用一样。（3）设置单选按钮组的属性：一组单选按钮中只允许选中一个。单击“插入”（表单）栏中的“单选按钮组”按钮，可弹出“单选按钮组”对话框，如图6-1-7所示。利用该对话框可以设置单选按钮组中单选按钮的个数、名称和初始值。如果要增加选项，可单击按钮；如果要删除选项，可单击选中要删除的选项，再单击如果要调整选项的显示次序，可选中要移动的选项，再单击或按钮。单选按