中职教育二年级上学期电子与信息《使用表单》教学课件.pptx

使用表单

目标TARGET知识目标了解表单基本概念掌握表单的组成掌握常用表单控件的应用技能目标能使用常用表单控件进行表单页面设计

目录认识表单1常用表单对象的应用2

一、认识表单用户在浏览网页时，常会遇到一些互动的网页，如会员注册、调查问卷等，这些网页称为表单页面。使用表单可以收集、分析来自用户的信息，建立网站与用户之间沟通的桥梁。

认识表单1、表单概述表单是收集用户的信息和反馈意见，是网站管理者与浏览者之间沟通的桥梁。例如，可以实现如注册、登录、搜索、问卷调查等功能。创建表单一般需要三个步骤：第一步：决定要搜集的数据，即决定了表单需要搜集用户的哪些数据。第二步：建立表单，根据第一步的要求选择合适的表单元素控件来创建表单。第三步：设计表单处理程序：用于接受浏览者通过表单所输入的数据并将数据进行进一步处理。

认识表单2、表单组成一个表单有三个基本组成部分：表单标签form/form、表单域、表单按钮。表单form/form表单域表单按钮

认识表单3、插入表单及设置表单属性4、设置表单属性属性名称含义ID对表单命名以进行识别。只有为表单命名后，表单才能被脚本语言引用或控制。Class为表单指定CSS样式Title为表单指定标题。Action为表单指定处理数据的路径。Method设置将表单数据传输到服务器的方法，有三个选项。“默认”是指用浏览器默认设置传送数据；“POST”是指把表单数据嵌入到HTTP请求中发送；“GET”是指将表单数据附加到请求URL中发送。Novalidate为表单指定提交时是否进行数据验证AutoComplete为表单指定是否让浏览器自动记录之前输入的信息。Enctype为表单指定传输数据时所使用的编码类型。菜单栏【插入】——【表单】——【表单】命令【插入】面板组——【表单】面板——【表单】按钮

二、常用表单对象的应用常见的表单域包括文本域、密码域、单选按钮、复选框、选择域、文件域、文本区域等。表单按钮分为提交按钮、重置按钮和普通按钮。

常见的表单域包括文本域、密码域、单选按钮、复选框、选择框、文件域、文本区域等。常见表单域表单控件说明文本域用于输入单行文本密码域是特殊类型的文本域，输入的文本用·或*表示单选按钮用于单项选择，同一组的单选按钮应该具有相同的name属性。复选框用于选择多个选项选择框提供一系列的预设选择项文件域用于上传文档文本区域用于多行文本输入常用表单对象

表单域常用属性属性说明Name控件名称Size指定控件的宽度Maxlength允许输入的最大字符数Value用于设定输入默认值Disabled禁用Required必填AutoComplete自动完成AutoFocus网页被获取时自动获得焦点ReadOnly只读Form指定控件所属的表单常用表单对象

表单按钮是用于触发服务器端脚本处理程序的工具。只有通过按钮的触发，才能把用户填写的信息传送到服务器端，实现信息的交互。按钮控件表单控件说明按钮不产生任何动作，主要配合Javascript脚本使用。提交按钮将表单中的信息提交给表单中Action所指向的文件图像按钮使用图像作为提交按钮重置按钮将表单控件的值恢复到初始状态常用表单对象

按钮控件常用属性属性说明Value用于设置按钮的标识，该标识将显示在按钮上FormNoValidate提交表单时不验证Disabled禁用AutoFocus网页被获取时自动获得焦点Form指定控件所属的表单常用表单对象

谢谢观看