公开课教案 表单
![公开课教案 表单](https://img.360docs.net/img0e/11q87dj0osu16alt9bi2ieyt1urjtm7p-e1.webp)
![公开课教案 表单](https://img.360docs.net/img0e/11q87dj0osu16alt9bi2ieyt1urjtm7p-c2.webp)
第10章表单
新课导语:在上一次课里,我们共同学习了CSS样式,通过学习我们知道了CSS样式在专业的网页制作过程中应用非常广泛,是不是只有CSS样式在网页制作过程中应用广泛呢!不是的,今天我们就再共同学习一个在网页制作过程中应用非常广泛的元素。在学习这个网页元素之前,让我们共同看三张图片。
提问:通过这三张图片,同学们看到了什么共同点?
答案:都有文本框,这就是我们本次课要学习的新的网页元素——表单。
板书:10 表单(居中)
讲解:本章的学习目标有3点:
1、熟练掌握创建表单和插入文本域的方法
2、掌握复选框和单选按钮的应用技巧
3、掌握列表和菜单的创建方法和技巧
讲解:本次课的学习目标是熟练掌握创建表单和插入文本域的方法,下面我们就来学习:使用表单。
讲解:10.1 使用表单
板书:10.1 使用表单
讲解:什么是表单呢,我们先看看表单的定义。教材上没有将表单的定义特别明确化,但是我们可以根据教材提供的知识,这样定义表单。
板书:1、表单的定义
表单的定义:一个容器,用来存放表单对象,并负责将表单对象的值提交给服务器端的某个程序处理。
在这个定义当中,我们应该注意这两个要点:1)表单是容器,2)表单是用来存放表单对象的。
表单的定义我们知道了,那么如何使用表单呢,首先就需要先建立表单
板书:10.1.1 创建表单
讲解:如何创建表单呢?大家请看大屏幕。
10.1.1创建表单
在文档中插入表单的具体操作步骤如下。
(1)在文档窗口中,将插入点放在希望插入表单的位置。
(2)启用“表单”命令,文档窗口中出现一个红色的虚轮廓线用来指示表单域。
表单创建分为两种方法:
1、单击“插入”面板“表单”选项卡中的“文本字段”按钮,在文档窗口的表单中出现一个单行文本域。
2、选择“插入>表单>文本域”命令,在文档窗口的表单中出现一个单行文本域。
操作:网页制作系统,建立两个空白网页,分别采用以上两种方法在上面插入表单。
讲解:通过对网页制作的学习,我们知道网页中插入的任何元素,都需要对其进行属性的设置。那么表单包括哪些属性呢?属性的作用分别是什么呢?我们来学习——表单的属性。
板书:10.1.2 表单的属性
10.1.2表单的属性
在文档窗口中选择表单,“属性”面板就会变成表单属性面板。
表单“属性”面板中一共包括6项属性,各项属性的作用如下:
1、“表单ID”选项:是