3.3 信息系统的数据输入（第1课时，课件）-【高效课堂】高一信息技术同步精讲课件（教科版2019必修2）

3.3 信息系统的数据输入 第 3 单元 第一课时 ★能够根据信息输入的要求设计HTML网页。 3.3 信息系统的数据输入 学习目标 2 我们前面学习的修改密码案例中，用户输入完原密码、新密码和再次输入新密码，点击“确定”后，即可完成了密码的修改操作。 想一想，用户的新密码保存在哪里的呢？ 3.3 信息系统的数据输入 在日常的信息系统使用过程中，用户并没有在数据库管理系统中直接操作数据库，而是通过信息系统应用程序更方便地进行数据操作。 HTML + Python + Access 用于制作信息系统界面 用于制作信息处理程序 用于 数据管理 3.3 信息系统的数据输入 任务一 制作图书录入的交互界面 活动1：添加图书录入表单元素 在3.2节已经设计完成的图书数据表中，包括ISBN、书名、作者、出版时间、种类、数量等字段，图书录入页面也应当包括能够输入这些数据的表单元素。 <form action="/book_in/" method="post"> ISBN <input name="tb_ISBN" type="text"/> <br/> 书名 <input name="tb_BookTitle" type="text"/> <br/> < input style="margin-left:70px"type="submit" name="Button1" value="录入"/> </form> 3.3 信息系统的数据输入 表单 在HTML文件中，表单用于接收用户的各种输入，用户单击按钮提交表单时向服务器传输数据，从而实现用户与Web服务器的数据传递。 Html页面 <form> <input type=‘text’ name=‘isbn’/> <input type=‘button’/> </form> 网络服务器 Isbn数据 Web服务器 数据库系统 Isbn数据 3.3 信息系统的数据输入 在HTML文件中，网页中的很多对象（或称元素）用成对的标记表示。 <form> </form> form标记中的action和method为表单的属性， action表示表单数据将提交给哪一个程序处理， method表示表单数据的传递方式。 以get方式传递数据，浏览器将在地址栏中呈现传递的数据；以post方式传递数据，数据不会出现在地址栏中，所以适合传递敏感数据。 3.3 信息系统的数据输入 表单元素 用户向信息系统提交的数据多种多样，为了便于用户的操作，HTML定义了多种类型的表单元素。 表单元素 网页呈现示例 功能 属性值 文本框 输入文本数据 text 密码框 输入密码，内容不显示 password 单选框 只选择其中一项 radio 复选框 可选择多项 checkbox 下拉列表 选择规定内容中的一项 select-option 按钮 提交表单信息或执行命令 button,submit,reset 3.3 信息系统的数据输入 说明： （1）单选框通常按组使用，同属一组的多个单选框的name属性相同。 例如：<input type=“radio” name=“sex” value=“男”/>男 <input type=“radio” name=“sex” value=“女”/>女 （2）HTML定义了三种按钮，用type属性加以区分。 三种按钮的type属性分别为button、submit和reset。 button为普通按钮。 submit为提交数据到服务器的按钮。 reset为清除表单中所有输入数据的按钮。 3.3 信息系统的数据输入 任务一 制作图书录入的交互界面 活动2：添加图书录入提示 用户在填写表单时，并不清楚信息系统对各种数据的定义。比如，密码最短、最长各是多少位，出版时间应当如何填写等。信息系统开发人员应当在设计交互页面时，给予必要的输入提示。 1. 请同学们访问1-2两个网站的注册页面，观察一般网站的提示信息都是什么内容，如何设计的，并填写书上的表格。 3.3 信息系统的数据输入 网站 表单元素 提示信息 搜狐 密码框 6~16位，英文（区分大小写）、数字或常用符号 3.3 信息系统的数据输入 2. 为图书录入页面的每个表单元素设计提示信息。 表单元素 提示 ISBN 书名 出版时间 作者 种类 数量 3.3 信息系统的数据输入 交互 为表单元素设计提示信息，就是设计页面的人机交互。那么，什么是交互呢？你们在使用不同的网站平台有什么不同的交互体验？ 交互（interaction）指人工制品在特定场