Web前端设计与开发技术完整版教学课件全书电子教案.ppt

“设置状态栏文本”行为 状态栏行为主要可以在浏览器窗口中的状态栏显示文本信息，用于优化网页细节。要对状态栏的文本进行编辑，或是对文本状态进行更多的控制，可以使用“行为”选项卡面板中的“设置状态栏文本”行为 第7章 制作表单页面 7.1 7.2 表单的基础知识 表单标签 表单对象 表单按钮 7.3 7.4 7.5 上机练习 表单——QQ登陆界面 表单提供了从网页浏览者那里收集信息的方法，用于调查、订购和搜索等。一般表单由两部分组成，一部分是描述表单元素的HTML源代码，另一部分是客户端脚本或者是服务器端用来处理用户信息的程序。 学习目标 表单的基础知识 在网页中创建表单 设置表单的属性 在表单中插入对象 7.1 表单的基础知识 表单在网页中时提供给访问者填写信息的区域，从而可以收集客户端信息，使网页更加具有交互的功能。 表单的概念 表单一般被设置在一个HTML文档中，访问者填写相关信息后提交表单，表单内容会自动从客户端的浏览器传送到服务器上，经过服务器上的ASP或CGI等程序处理后，再将访问者所需的信息传送到客户端的浏览器上。几乎所有网站都应用表单，例如登录框、搜索栏、论坛和订单等。 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单对象：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。 7.2表单标签 表单用form/form来创建，用于申明表单，定义采集数据的范围，也就是form和/form里面包含的数据将被提交到服务器或者电子邮件里。 HTML语法：FORM ACTION=URL METHOD=GET|POST ENCTYPE=MIME类型 TARGET=.... . ./FORM action=url用来指定处理提交表单的格式。它可以是一个URL地址或一个电子邮件地址。 method=get或post指明提交表单的HTTP方法.可能的值为： post：POST方法在表单的主干包含名称/值对并且无需包含于action特性的URL中. get：不赞成。GET方法把名称/值对加在action的URL后面并且把新的URL送至服务器。这是往前兼容的缺省值.这个值由于国际化的原因不赞成使用。 Enctype属性指明在发送到服务器之前应该如何对表单数据进行编码。这个特性的缺省值是application/x-www-form-urlencoded，表示在发送到服务器之前，所有字符都会进行编码；若值设置为multipart/form-data，则表示不对字符编码，在使用包含文件上传控件的表单时，必须使用该值；若值设置为text/plain，则表示将空格转换为 + 但不对特殊字符编码。 TARGET=...指定提交的结果文档显示的位置。 7.3表单对象 表单输入类型称为表单对象。可以在网页中插入表单，并插入各种表单对象。要在网页文档中插入表单对象，可以在“插入”\“表单”菜单中选择相应的命令。表单对象包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框和下拉选择框等，用于采集用户的输入或选择的数据。 文本框 文本框是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或者简短的回答，如姓名、地址等。单击“插入”\“表单”\“文本”，即可插入文本框对象。相应HTML代码格式如下：input type=text name=... size=... maxlength=... value=... 文本区域 文本区域是一种让访问者自己输入内容的表单对象，只不过能让访问者填写较长的内容。 单击“插入”\“表单”\“文本区域”，即可插入文本区域对象。相应HTML代码格式如下：TEXTAREA name=... cols=... rows=... wrap=VIRTUAL/TEXTAREA Name属性定义多行文本框的名称，要保证数据的准确采集，必须定义一个独一无二的名称； Cols属性定义多行文本框的宽度，单位是单个字符宽度； Rows属性定义多行文本框的高度，单位是单个字符宽度； Wrap属性定义输入内容大于文本域时显示的方式，可选值如下： 默认值是文本自动换行； Off，用来避免文本换行； Virtual，允许文本自动换行。 Physical，让文本换行，当数据被提交处理时换行符也将被一起提交 密码域 密码域是一种特殊的文本域，用于输入密码。当访问者输入文字时，文字会被星号或其他符号代替，而输入的文字会被隐藏。单击“插入”\“表单”\“密码”命令，即可插入密码域对象。相应HTML代码格式如下：input typ