网络基础模拟题综合单元6_任务5.pptx

任务5使用表单单元6设计制作网页

任务5使用表单任务背景知识准备任务实施知识拓展任务拓展讨论与学习巩固与提高习题

小明的推介型网站想做一个用户调查，他查了查HTML词典，发现用表单标记FORM就可以完美实现这个功能。

任务5使用表单任务背景知识准备任务实施知识拓展任务拓展讨论与学习巩固与提高习题

表单及其基本组成表单标记表单域知识准备

表单及其基本组成表单是网页中向用户提供的一种交互式操作界面，它的主要作用是进行数据的采集，并将收集的信息提交到服务器。表单表单标记表单域表单处理程序的URL数据提交给服务器的传送方式采集数据的各类控件按钮类的控件

表单标记语法：formaction=表单处理程序的URL地址method=数据传送方式name=表单名称target=提交的结果文档显示位置…/form指定将表单数据提交给服务器的传送方式。get方式（默认）：提交的数据量有限制，必威体育官网网址性差。post方式：传送大容量数据或需要必威体育官网网址的信息。method属性指定表单提交的结果文档显示的位置，使用方法与超链接标记中的target属性相同。target属性指定表单要提交的地址，通常为一个网页的URL地址，还可以是电子邮件地址。action属性指定表单的名称name属性

表单域1.input控件标记语法：inputtype=输入类控件类型type属性指定输入类控件的类型，详见下表。属性属性值描述typetext定义单行文本框password定义密码框radio定义单选按钮checkbox定义复选框submit定义提交按钮reset定义重置按钮button定义普通按钮file定义文件域name用户自定义指定控件的名称value用户自定义指定控件提交的值；若控件为提交、重置或普通按钮时，用于设置显示在按钮上的文本maxlength正整数指定单行文本框和密码框允许输入的最多字符数size正整数指定单行文本框和密码框在页面中显示的宽度checked指定单选按钮和复选框的初始状态为选中

表单域2.textarea控件标记（多行文本框）语法：textareaname=名称rows=行数cols=列数文本内容/textarea“文本内容”是默认显示在文本框中的文本，可以不用设置3.select控件标记（列表框）语法：selectname=名称option列表项一/optionoption列表项二/option……/selectselect标记中的属性有name、size、multiple。option标记中的属性有selected、value。

任务5使用表单任务背景知识准备任务实施知识拓展任务拓展讨论与学习巩固与提高习题

任务实施：建立表单网页文件名biaod.html

任务实施：表单和DIV的综合运用网页文件名survery.html

任务5使用表单任务背景知识准备任务实施知识拓展任务拓展讨论与学习巩固与提高习题

知识拓展1.JavaScriptJavaScript（简称“JS”）：广泛应用于Web页面开发的脚本语言，它主要用来向HTML页面添加交互行为，使网页支持用户交互并对事件给出相应的响应。2.事件事件是指被JavaScript侦测到的行为，这个行为可以是用户行为，也可以浏览器行为。JavaScript在事件触发时通过直接执行JavaScript代码或调用JavaScript函数做出响应，对事件进行处理的程序或函数称之为事件处理程序。

onclick事件和Windows方法1.onclick事件语法：inputtype=”button”onclick=”script脚本”value=”按钮显示文本”2.JS常见的调用Windows方法方法描述open(URL,name)打开新窗口，URL设置指定页面的地址，name指定target属性或窗口的名称，若不设置参数，则打开空白网页窗口close()关闭窗口alert(text)弹出一个带确认按钮的窗口，text参数为窗口中显示的文本confirm(text)弹出一个带确认按钮和取消按钮的窗口，text参数为窗口中显示的文本prompt(text,defaulttext)弹出提示用户进行输入对话框，text为窗口中显示的文本，defaulttext设置默认的输入文本print()打印当前窗口的内容stop()停止加载页面

任务5使用表单任务背景知识准备任务实施知识拓展任务拓展讨论与学习巩固与提高习题

任务拓展1.单击左边的按钮时弹出信息“你好”。2.单击右边的按钮时关闭浏览器窗口。

任务5使用表单任务背景知识准备任务实施知识拓展任务拓展讨论与学习巩固