admin 管理员组

文章数量: 1184232


2024年5月11日发(作者:创建网站的四个步骤分别是什么)

本次课基本信息

授课时间

授课方式

(请打√)

9.1使用表单

月 日 第 15 周星期 第 节

理论课 实验课□ 理实一体 讨论课□

习题课□ 其它□

授课

顺序

课时

安排

30

2

授课题目(教学章节或项目模块主题):

前次课

内容提要

本次课教学目的、要求(分掌握、熟悉、了解三个层次):

8.6 div布局实验

1.掌握表单与表单对象的区别

2.能够正确使用表单对象,并且进行属性设置

教学重点及难点:

重点:使用表单对象、设置表单对象的属性

难点:使用表单对象、设置表单对象的属性

作业和思考题:

课后小结:

教 学 设 计 页

对本次课的教学目标、教学重难点、教学方法、教学步骤与时间分配等环节进行设计

教学环节

课前

讲解表单的概念

讲解表单的插入及属性的设置

学生练习插入表单、设置属性

讲解文本元素

课中

学生练习文本元素

讲解单选按钮和复选按钮

学生练习单选按钮和复选按钮

讲解选择框、文件元素、按钮

学生练习选择框、文件元素、按

复习

时间

扫码学习微课

5min

5min

15min

10min

15min

10min

10min

10min

10min

教师活动 学生活动

讲授

讲授、操

指导

讲授、操

指导

讲授、操

指导

讲授、操

指导

听讲

听讲

练习

听讲

练习

听讲

练习

听讲

练习

课后

教 学 内 容 页

9.1使用表单

1.创建表单

将光标定位在要插入表单的位置上。

选择【插入】|【表单】|【表单】,或单击【插入】面板【表单】选项卡中的【表单】

按钮,或将【表单】面板中的【表单】按钮拖入网页文档窗口。

在网页中创建了由红色虚线框所确定的表单区域。

2.文本元素

文本用来接收用户输入的信息。文本一般用来输入较少信息,如用户名等;文本区

域接收较多信息,如留言内容等;密码域用来输入密码,输入的信息会被隐去,显

示为其他符号,如圆点。

(1)单行文本域

(2)文本区域

(3)密码域

3.单选按钮及单选按钮组

4.复选按钮及复选按钮组

5.选择

选择列表/菜单用来创建一个列表或下拉菜单来显示一组选项,插入选择列表/菜单的

操作步骤如下。

将光标置于要插入选择列表/菜单的位置。选择菜单【插入】|【表单】|【选择】或

单击【插入】面板【表单】选项卡中的【选择】按钮 插入一个选择元素,选中插入

的选择元素,单击【属性】面板中【列表值…】按钮。

6文件

将光标置于要插入文件元素的位置。 选择菜单【插入】|【表单】|【文件】或单击

教 学 内 容 页

【插入】面板【表单】选项卡中的【文件】按钮 插入一个文件域。

7按钮

对表单而言,按钮是非常重要的,它能够控制对表单内容的操作,如提交或重置。

要将表单的内容发送到远程服务器上,需要使用提交按钮;要清除现有表单内容,

需使用重置按钮。用户也可以自定义按钮的名称。

HTML5新增了一些表单元素。

1、电子邮件

2、url

3、数字

4、范围

5、颜色

6、日期和时间类型

7、搜索


本文标签: 表单 插入 按钮 教学