师：同学们，大家好。今天我们来学习高中信息技术教科版必修二第3.3章节信息系统的数据输入部分内容。本节课学习目标有两个：一是能够根据信息输入要求设计html网页；二是理解信息系统数据访问的基本过程，描述将用户输入信息储存到数据库的基本过程。
首先回顾上节课内容，上节课3.2主要讲数据库的构建，Access数据库表有设计视图和数据表视图。在图书表设计视图里，有ISBN和书名两个字段，数据类型都是短文本，可在此视图里新增字段、修改已有字段数据类型、调整顺序等。
在数据表视图中，能依据设计视图设定，进行输入、删除、修改具体图书数据的操作。既然上节课学会在Access数据库输入数据，为何还要学习在信息系统里进行数据输入呢？大家看这两个选项：一、在数据库管理系统中输入数据；二、通过html交互页面输入数据。请问哪个选项使用人数最多？
生：第二项，通过html交互页面输入数据。
师：没错，相信很多同学都有使用网页、手机APP等终端远程操作数据的经历，比如登录图书馆查询某本图书，登录知网查找文章，登录比赛系统服务器查询分数和等级等。但要注意，网页即html交互页面，需在信息处理程序支持下才能输入数据。因为html是创建网页的标准标记语言，一般只用于制作信息系统界面。而信息处理程序需用Python这类编程语言编写，Access数据库则用于数据管理。
本节课通过两个活动任务，学习信息系统的数据输入过程。第一个任务是制作图书录入的交互页面。第一个活动是添加图书录入的表单元素，在这个活动里，我们要学习什么是表单及表单元素。表单在html文件中用于接收用户各种输入，用户单击按钮提交表单时，会向Web服务器传输数据，实现用户与Web服务器之间的数据传输。由于用户向信息系统提交的数据多样，html提供多种表单元素，这里介绍部分常用的。文本框用于输入文本，密码框用于输入密码，内容不会直接显示。单选框只能选其中一项，比如性别只能选男或女。复选框可选择多项，像爱好既可以是阅读，也能是运动。下拉列表能在规定内容中选某一项，按钮用于提交表单信息或执行命令。html里定义了三种按钮，button是普通按钮，submit是提交数据到服务器的按钮，reset是清除表单所有输入数据的按钮，通过type属性区分。这些表单元素大家日常上网经常会遇到。
现在看图书信息系统的界面文件book insert.html，双击打开。我对界面做了修改，比教科书增加了一个链接，能看到录入的图书数据。一开始输入内容有ISBN和书名，与数据库数据表字段内容一致，这两个输入内容的表单元素都是文本框，还有一个表单元素是按钮。按教科书要求，还需增加作者信息、出版时间等内容，我们尝试修改这个页面的html代码，让它能录入这些信息。
用右键点击book insert.html文件，选择打开方式为记事本，就能完整看到页面的html代码。在html文件中，网页很多对象，包括表单和大部分表单元素都用成对标记括起来。比如这里表单用一对form标记括起来，form之间就是表单内容，第一个form没有斜杠，第二个有斜杠。form标记中的action和method是两个重要属性，action表示表单数据将提交给哪个程序处理，这里显示表单提交数据后，会提交给boot in文件夹里的程序处理。method表示表单数据的传递方式，这里用的是post方式。另一种get方式，浏览器会在地址栏呈现传递的数据，大家用搜索引擎查找资料时经常遇到这种情况，比如浏览器地址栏会显示搜索信息。而post方式传递的数据不会出现在地址栏，所以适合传递敏感和隐私数据。我们本课就用post方式传递用户输入到文本框里的数据。action和method下面代码主要是两个文本框和一个按钮三个表单元素的代码。这是输入ISBN文本框代码，这是输入书名文本框代码，这里有文本框的一些属性，type = text表示表单元素是文本框，input name是文本框名字。这是按钮的HTML代码，通过按钮属性能看到按钮离左边界有70个像素距离，是submit类型的提交按钮，名字是button1，按钮上文字是“录入”。br是换行标记，不需要成对出现，一个br就是一个换行，这里是为了美观。
这三个表单元素不应在同一行显示，应分行显示。我们试着在书名文本框下面增加作者文本框，先输入“作者”两个字，作者文本框属性写在一对尖括号里，input name = "TXT writer" ，注意这里TXT writer要写在英文状态下的双引号里，type = "text" 也要写在双引号里，然后还有一个正斜杠，再增加一个换行标记 ，br也要写在尖括号里，也有一个正斜杠。保存重新打开，想要的效果就出来了。注意这里只要求大家看懂代码，不用背下来。
操作完看成果，我觉得还有不完善的地方，大家想想是哪里？
生：这里容易输错，导致数据库出现大量错误信息，比如ISBN是13位国际标准书号，不清楚时容易输多或输少一位。
师：对，我们平时上网，文本框会出现各种提示信息，比如登录邮箱，第一个文本框提示填写邮箱账号或手机号码，第二个密码框提示填写密码。我登录少年宫学员系统时，也会出现提示信息，提醒输入密码、选择学棋和输入验证码，方便使用系统、提高工作效率。
回想刚才设计的页面，大家觉得应设计什么样的提示语言？我给大家举个例子，ISBN文本框提示“请输入13位数号”，书名文本框提示“请输入书名”，作者文本框提示“请输入作者姓名”，最终结果就像左边图所示。
如果要加入这些交互式提示信息，在html代码中要做哪些修改呢？其实很简单，只需要在文本框里加入PLACEHOLDER属性就行，大家看修改后的代码，划线部分就是做出的修改。同学们可以对照两个图来看。