HTML语言与网页设计
——表单与特殊对象
目录
? 什么是表单
? FORM标记符
? 生成表单控件
? 表单控件的标签
? 各种特殊对象
什么是表单
? 表单是用于实现网页浏览者与
服务器之间信息交互的一种页
面元素,它由表单控件和一般
内容组成。 例如:
? 注册表单
? 登录表单
FORM标记符
? FORM标记符用于包含所有表
单内容
FORM标记符
? Action 属性
? 服务器端脚本程序( ASP,JSP、
PHP,Perl等)
? mailto:mailbox@mailserver.com
FORM标记符
? Method属性( get,post)
? Enctype属性
表单控件的类型
? 文本框
? 复选框
? 单选框
? 按钮
? 选项菜单
? ……
文本框
? 单行文本框
? <input type=“text” size=“”>
? 口令框
? <input type=“password”
size=“”>
演示 ——文本框示例
复选框和单选框
? 复选框
? <input type=“checkbox” checked>
? 单选框
? <input type=“radio” name=“”
checked>
? 注意:单选框 name 属性相同者为一
组!
演示 ——复选框与单选框
按钮
? 提交按钮
? <input type=“submit”>
? <input type=“image”>
? 重置按钮
? <input type=“reset”>
? 自定义按钮
? <input type=“button”>
演示 ——不同的按钮效果
选项菜单
? SELECT标记符
? Size属性
? Multiple属性
? OPTION标记符
演示 ——选项菜单
设置表单控件的标签
? <LABEL for=“controlID”>标签文
本 </LABEL>
? <INPUT id=“controlID”>
演示 ——设置表单控件的标签
其他特殊对象
? 多媒体对象
? Java applet(小应用程序)
? 滚动字幕
多媒体对象
? OBJECT标记符和 PARAM标记
符
? Flash对象
? Shock对象
演示 ——多媒体对象
Java applet
? APPLET标记符
? Java 特效工具 ——Anfy
演示 ——Java applet 效果
滚动字幕
? MARQUEE标记符
? Width和 height属性
? Behavior属性
? Scrollamount属性
? ……
演示 ——滚动字幕效果
——表单与特殊对象
目录
? 什么是表单
? FORM标记符
? 生成表单控件
? 表单控件的标签
? 各种特殊对象
什么是表单
? 表单是用于实现网页浏览者与
服务器之间信息交互的一种页
面元素,它由表单控件和一般
内容组成。 例如:
? 注册表单
? 登录表单
FORM标记符
? FORM标记符用于包含所有表
单内容
FORM标记符
? Action 属性
? 服务器端脚本程序( ASP,JSP、
PHP,Perl等)
? mailto:mailbox@mailserver.com
FORM标记符
? Method属性( get,post)
? Enctype属性
表单控件的类型
? 文本框
? 复选框
? 单选框
? 按钮
? 选项菜单
? ……
文本框
? 单行文本框
? <input type=“text” size=“”>
? 口令框
? <input type=“password”
size=“”>
演示 ——文本框示例
复选框和单选框
? 复选框
? <input type=“checkbox” checked>
? 单选框
? <input type=“radio” name=“”
checked>
? 注意:单选框 name 属性相同者为一
组!
演示 ——复选框与单选框
按钮
? 提交按钮
? <input type=“submit”>
? <input type=“image”>
? 重置按钮
? <input type=“reset”>
? 自定义按钮
? <input type=“button”>
演示 ——不同的按钮效果
选项菜单
? SELECT标记符
? Size属性
? Multiple属性
? OPTION标记符
演示 ——选项菜单
设置表单控件的标签
? <LABEL for=“controlID”>标签文
本 </LABEL>
? <INPUT id=“controlID”>
演示 ——设置表单控件的标签
其他特殊对象
? 多媒体对象
? Java applet(小应用程序)
? 滚动字幕
多媒体对象
? OBJECT标记符和 PARAM标记
符
? Flash对象
? Shock对象
演示 ——多媒体对象
Java applet
? APPLET标记符
? Java 特效工具 ——Anfy
演示 ——Java applet 效果
滚动字幕
? MARQUEE标记符
? Width和 height属性
? Behavior属性
? Scrollamount属性
? ……
演示 ——滚动字幕效果