网页设计与制作案例实战教程课件 第10章 表单的应用

第10章表单的应用网页设计与制作案例实战教程目录Contents10.1

使用表单10.2

文本类表单10.3

单选按钮和复选框表单10.4

其他常用表单10.5

课堂实战10.6

课后作业10.1.1

认识表单表单中可以存储文本、密码、单选按钮、复选框、数字以及提交按钮等对象，这些对象也被称为表单对象。10.1.2

基本表单元素创建表单域后，可以在该区域中插入各类表单元素。目录Contents10.1

使用表单10.2

文本类表单10.3

单选按钮和复选框表单10.4

其他常用表单10.5

课堂实战10.6

课后作业10.2.1文本文本可用于接收用户输入的较短的信息，如姓名、电话等。10.2.2密码密码可用于输入需要保密的信息，当用户在密码域中输入文本时，输入的文本将被替换为隐藏符号，以便于保护这些信息。10.2.3文本区域文本区域可用于接收较多的信息。10.2.4实操案例：亿联科技登录页本案例将以亿联科技登录页的制作为例，介绍表单、文本、密码等表单元素。目录Contents10.1

使用表单10.2

文本类表单10.3

单选按钮和复选框表单10.4

其他常用表单10.5

课堂实战10.6

课后作业10.3.1单选按钮和单选按钮组“单选按钮”和“单选按钮组”选项都可以创建单选按钮，区别在于“单选按钮组”可以一次性生成多个单选按钮。1.单选按钮移动鼠标至要添加单选按钮的表单中，执行“插入>表单>单选按钮”命令，即可插入单选按钮。2.单选按钮组“单选按钮组”与“单选按钮”作用类似。移动鼠标至要添加单选按钮组的表单中，执行“插入>表单>单选按钮组”命令，打开“单选按钮组”对话框。在该对话框中设置参数后，单击“确定”按钮即可插入单选按钮组。10.3.2复选框和复选框组“复选框”和“复选框组”可以让用户在网页一组选项中选择多个选项。目录Contents10.1

使用表单10.2

文本类表单10.3

单选按钮和复选框表单10.4

其他常用表单10.5

课堂实战10.6

课后作业10.4.1“提交”和“重置”按钮“提交”按钮可以将表单数据内容提交到服务器。执行“插入>表单>提交”命令即可在表单中添加“提交”按钮。“重置”按钮可以重置表单中输入的信息。执行“插入>表单>重置”命令即可在表单中添加“重置”按钮。10.4.2文件“文件”表单可以实现在网页中上传文件的功能。执行“插入>表单>文件”命令，可以在表单中添加文件域，按F12键在浏览器中测试效果，单击“浏览”按钮将打开“打开”文件夹上传文件。10.4.3选择“选择”表单可以制作下拉列表框，增加选项的延展性。10.4.4实操案例：晴空旅社客房预订页本案例将以晴空旅社客房预定网页的制作为例，介绍文本、单选按钮组、选择等表单的应用。目录Contents10.1

使用表单10.2

文本类表单10.3

单选按钮和复选框表单10.4

其他常用表单10.5

课堂实战10.6

课后作业10.5课堂实战网络安全知识竞赛本案例将以网络安全知识竞赛网页的制作为例，介绍表单元素的应用于设置。目录Contents10.1

使用表单10.2

文本类表单10.3

单选按钮和复选框表单10.4

其他常用表单10.5

课堂实战10.6

课后作业10.6课后作