【精品】网页设计.pptVIP

网页设计 课程结构 课程介绍 课程介绍 几个概念 网页 网站 网址 首页 主页 静态网页与动态网页 网页设计HTML 首部 主体 文本 文本 文本 文本 图像 图像 图像 超链接 超链接 超链接 字幕标记 表格 表格 表格 表格 框架 框架 框架 框架 框架 表单 表单 表单 表单 表单 表单 表单 表单 表单 表单 1、输入（Input）标记和内部椌件 Input [type=”control”] [Align=”align”] [checked] [maxlength=”int”] [name=”name”] [size=”integer”] [src=”url”] [value=”value”] [event] TYPE：指定椌件的类型。其取值可以是下面的椌件名称。 Checked：当椌件是checkbox或radio时，用该属性指定默认选定的复选框椌件或者单选按钮椌件。 MaxLength：整数，用来指定Password、Text、TextArea椌件中所允许的最大字符数。 Size：整数，用来指定Password、Text椌件的字符长度。 SRC：当指定Image类型时，该属性用来定位要显示的图像的URL Event：在提交椌件的值之后激发的事件。 例子：输入(INPUT)标记.Htm BUTTON CHECKBOX HIDDEN IMAGE 按钮 复选框 隐藏 图像 PASSWORD RADIO RESET SUBMIT 口令 单选按钮 重置 提交 TEXT TEXTAREA 文本 文本区 1. Text椌件 ?功能：用来接收文本输入 ?格式： input type=text name=“name onChange=“ “…… ?事件：OnBlur、OnFocus、OnSelect、OnChange 2. TextArea椌件（文本区） ?功能：同Text类似，允许多行输入。 ?格式：textArea [name=”name”] [rows=”integer”]  [cols=”integer”]……/textarea ?属性：cols：整数，用来指定文本区的宽度，以字符为单位 Rows：整数，用来指定文本区的高度，以行为单位。 Name：指定与椌件相关联的表单输入变量的名称。 在提交是被传送至后端进程。 ?事件：OnBlur、OnFocus、OnSelect、OnChange 3. PASSWORD椌件 ?功能：与TEXT相似，但在输入数据时，显示的不是实际内容，而是*号以防止其他人看到屏幕上输入的数据 ?格式、属性、事件：同上 例子：文本输入框、密码输入框、文本区 5. CheckBox椌件 ?功能：在表单上显示一个复选框 ?格式：Input Type=”checkBox” [name=”name”] [value=”value”] [checked]  [Onclick=”过程”] [OnFocus=”过程”] ?属性、事件：同上 例子：checkBox.htm 4.RADIO椌件 ? 功能：允许用户从若干个选项中选择一项。 ? 格式、属性、事件：同上 例子：radio.htm ！注意，如何实现多选一？！ 5、文件选择框 允许用户在表单中选择文件，然后上传到服务器。 格式：INPUT type=“file” name=“name” size=“” size：用于设置控件的宽度 例子：文件选择.htm 6、BUTTON椌件 ?功能：在表单上显示一个多用途按钮 ?格式：Input Type=”button” [name=”name”]  [value=”value”] [Onclick=”过程”][OnFocus=”过程”] ?属性：Name、Value ?事件：Onclick：单击椌件时激发 OnFocus：椌件接收焦点时激发 7. Reset椌件 ?功能：清除当前表单中的所有文本字段。在浏览器中，RESET椌件以按钮的形式出现，默认标题为“Reset“。 ?格式、属性、事件：同上 8. Submit椌件 ?功能：用来将表单中的所有元素传送到一个后端过程。 ?过程、属性、事件：同上 例子：Button.Htm 9. SELECT椌件 功能：用来建立一个选择列表，列表中的没项用option标记来定义。 格式：select name=”name”[size=”integer”] [multiple] [Onblur=”过程”][OnFocus=” 过程”] [OnChange=” 过程”] option