教科版高中信息技术：信息系统的数据输入（第1课时）.pptVIP

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