1、1,表单简介,表单的用途 用户注册某种服务时,收集其姓名、地址、电话号码、电子邮件地址和其他信息。 收集购买物品所需的信息。例如,如果想通过 Internet 购买一本书,就需要填写姓名、邮政地址和付款方式等。,2,创建表单,控制表单元素 设置焦点 Tab 键顺序 访问键 禁用元素,3,一个样本表单,4,使用表单,例如,要使用POST方法将表单提交给“processform”程序, 可编程如下:, .表单内容. ,5,HTML 输入元素属性,6,Input Type 属性,TEXT Default CHECKBOX RADIO SUBMIT RESET IMAGE BUTTON,7,示例:,表
2、单示例证券调查示例投资经验新手中级专家投资类型股票期权互惠基金今年选择什么证券?,8,其他输入元素,TextArea 元素 Cols Rows Size Type Value BUTTON 元素 Name Value Type,9,示例:,表单示例证券调查示例有对其他投资者的建议吗? 图4.3:示例2的输出结果发送重置,10,11,列表(下拉框)元素,SELECT 元素 Name Size Multiple,12,13,示例:,表单示例证券调查示例您用什么方式购买证券?1)网上交易2)电话交易3)经纪人代理 图4.4:示例3的输出结果4)其他,14,15,示例:,求职申请表姓名:求职意向网站设
3、计师网管网站开发人员工作经历无一年三年五年附注请在这里键入附注。发送确认,16,框架,框架将 Web 浏览器分成多个不同的区域,每个区域都可以显示独立、可滚动的页面。 例如,可以在网页中使用三个框架,一个显示标题,一个用作导航菜单,一个显示数据。,17,框架的使用,在页面的某个固定部分显示徽标或静态信息。 用户只需单击鼠标就可以在网站中导航,而无需经常移回目录页。 多个视图,18,框架使用示例:,两个大小相等的框架图4.7:示例7的输出结果,19,FRAMESET 元素,使用 FRAMESET 创建框架 其属性有: Rows Cols,20,FRAME 元素,FRAME 元素的属性包括: Na
4、me Src Noresize Scrolling Frameborder Marginwidth Marginheight,21,嵌套的框架集,嵌套框架,22,NOFRAMES 元素,未显示框架。请单击这里 查看无框架版本,23,内嵌框架,IFRAME属性 Name Width Height,24,示例:,很有趣吧。你已经对框架有所了解。浏览器不支持框架或者被配置为不显示框架。请在这里查看内容 图4.13:示例14的输出结果(支援框架的浏览器)上面是一个内嵌框架。 ,25,总结:,表单元素用于接受用户的输入并提供一些交互式操作。 标记用于在页面上创建我们称为表单的区域。 元素用于定义表单上表单元素的类型和外观。 TEXTAREA元素用于创建多行文本输入框。 SELECT元素用于向用户显示选项列表。 元素得到焦点时,它的状态将变为活动。 元素的Tabindex属性确定元素通过TAB键接收焦点的顺序。 框架将Web浏览器窗口分隔为多个不同的区域,每个区域都可以显示一个独立、可滚动的页面。,