制作网页表单

合集下载
相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
来提示访问者以使他们知道输入的内容。例如,“请输入名字”请求名字信 息。 • 【类】选项框:用于设置文本域的CSS样式。 • 【高度】文本框:用于为文本域设置高度,超出高度用滚动条显示。 • 【换行】选项框:用于选择输入内容时,文本域中换行方式。有4个选项: “默认”:用浏览器默认的方式换行;“关”:当输入的文本内容超过文本 域宽度时不换行,自动出现水平滚动条,滚动显示;“虚拟”:当输入的内 容超过文本域时自动换行,但发送的数据中没有换行符;“实体”:当输入 的内容超过文本域时自动换行,但发送的数据中有换行符。 • 【按钮名称】文本框:用于指定按钮的名称。 • 【值】文本框:设置按钮上显示的文本内容,以表明该按钮的作用。如此处 输入“提交留言”,则按钮上就显示“提交留言”。 • 【动作】单选项:设置单击按钮后发生的动作,有3个选项。“提交表单”: 将表单数据提交到表单指定的位置;“重设表单”:将表单内的所有对象内 容还原;“无”:不发生任何动作。
1.3.表单属性
表单属性的各项意义如下:
• 【表单名称】文本框:设定表单的名称,可用于程序的调用。 • 【动作】文本框:可以输入一个URL地址,指向要处理表单数据的程序文件。 • 【方法】选项框:选择表单数据的发送方式。“默认”方法使用浏览器的默
认设置将表单数据发送到服务器。通常,“默认”方法为“GET”方法。“GET” 方法将值附加到请求该页面的 URL 中。“POST”方法将在 HTTP 请求中嵌入表 单数据。不要使用“GET”方法发送长表单。URL 的长度限制在 8192 个字符以 内,如果发送的数据量太大,数据将被截断,从而导致意外的或失败的处理 结果。并且在发送机密用户名和密码、信用卡号或其他机密信息时,不要使 用“GET”方法,用“GET”方法传递信息不安全。 • 【目标】选项框:可以选择在哪个目标位置打开新页面。 • 【MIME类型】选项框:指定表单数据采用什么样的编码类型提交给服务器。
• 如右图所示,展示了表单在留言簿页 面中的一个应用实例,其中使用了表 单对象有文本框、文本区域、列表/菜 单、按钮。
1.2.表单对象
【表单】插入栏列出了具体的表单对象,如上图所示。
• “表单”:可在文档中插入表单。任何其他表单对象,如文本域、按钮等, 都必须插入表单之中,这样所有浏览器才能正确处理这些数据。
2.3.单选按钮
【单选按钮】文本框:定义单选组的名称,一组中的单选按钮具有相同 的名字;
【选定值】文本框:该项被选中时,提交给服务器的值; 【初始状态】选项组:设置该按钮在初始状态是否被选中,一组中只能
有一个初始状态设为选中。
ห้องสมุดไป่ตู้
2.4.菜单/列表
【列表/菜单】文本框:用于指定列表或者菜单的名称; 【类型】选项组:设定当前对象是菜单还是列表;【高度】文本框:设
2.2.文本域表单
• 【文本域】文本框:用于为文本域指定一个名称,此名称必须是唯一的。 • 【字符的宽度】文本框:设置在浏览器中显示的文本长度。 • 【最多字符数】文本框:指定文本域中最多可输入的字符数。超出了将发出
警告声,不填则可输入任意数量的字符。 • 【类型】单选项:指定文本域的类型。 • 【初始值】文本框:用于指定载入表单时文本域中显示的文本内容,一般用
置列表的高度; 【初始化时选定】文本框:设定首次载入表单时选中那些选项;
按钮:设定列表/菜单的项目和项目值。
2.5.访客留言页面
2.6.用户这册页面
• “文本域”:可在表单中插入文本域。文本域可接受任何类型的字母数字项。 输入的文本可以显示为单行、多行或者显示为项目符号或星号(用于保护密 码)。
• “复选框”:可在表单中插入复选框。复选框允许在一组选项中选择多项, 用户可以选择任意多个适用的选项。
• “单选按钮”:可在表单中插入单选按钮。单选按钮代表互相排斥的选择。 选择一组中的某个按钮,就会取消选择该组中的所有其他按钮。例如,用户 可以选择“是”或“否”。
• “单选按钮组” :可插入共享同一名称的单选按钮的集合。 • “列表/菜单”:可使用户可以在列表中创建用户选项。“列表”选项在滚动
列表中显示选项值,并允许用户在列表中选择多个选项。“菜单”选项在弹 出式菜单中显示选项值,而且只允许用户选择一个选项。 • “跳转菜单”:插入可导航的列表或弹出式菜单。跳转菜单允许您插入一种 菜单,在这种菜单中的每个选项都链接到文档或文件。请参见创建跳转菜单。 • “图像域”:可使用户可以在表单中插入图像。可以使用图像域替换“提交” 按钮,以生成图形化按钮。 • “文件域”:可在文档中插入空白文本域和“浏览”按钮。文件域使用户可 以浏览到其硬盘上的文件,并将这些文件作为表单数据上传。 • “按钮”:可在表单中插入文本按钮。按钮在单击时执行任务,如提交或重 置表单。可以为按钮添加自定义名称或标签,或者使用预定义的“提交”或 “重置”标签之一。 • “标签”:可在文档中给表单加上标签,以< label>< /label>形式开头和结尾。 • “字段集”:可在文本中设置文本标签。
• 2.1 • 2.2 • 2.3 • 2.4 • 2.5 • 2.6
表单使用 文本区域 单选按钮 列表/菜单 访客留言页面 用户这册页面
2.1.表单使用
对于网页中的表单,用户可以根据需要调整它的布局, 例如可以使用换行符、段落标记、预格式化的文本或表来 设置表单的格式。使用表格为表单对象和域标签提供结构 是比较常用的一种调整表单布局的方法。当在表单中使用 表格时,请确保所有的 table 标签都位于两个 form 标签之 间。需要注意的是不能将一个表单插入到另一个表单中, 即标签不能交迭,但是可以在一个页面中包含多个表单。
1.4.插入表单
操作:将【常用】插入栏切换到【表单】插入栏 ,然后 单击【表单】插入栏上的表单按钮,即可在编辑窗口添 加表单 ,如下图所示。
1.5.插入表单对象
操作:首先插入一个表单,然后将鼠标光标置于表单域内,单击【表单】插入 栏上的表单对象按钮即可,如下图,插入一个按钮表单对象。
2、 应用表单
第十五讲 制作网页表单
1、认识表单 2、应用表单
1、认识表单
➢ 1.什么是表单 ➢ 2.表单对象 ➢ 3.表单属性 ➢ 4.插入表单 ➢ 5.插入表单对象
1.1. 什么是表单
• 表单 是网页访问者与站点进行信息传
递、互动交流的工具,它一般以窗体 的形式存在页面中。表单依靠具体的 表单对象收集信息,表单对象包含多 种类型,如文本框、文本区域、按钮、 单选框、复选框、列表/菜单等,访问 者可以在表单对象内输入或者选择信 息,然后通过按钮将信息提交给网站, 网站对信息再进行处理。
相关文档
最新文档