0061Form和提交的概念以及基本数据输入控件

来源:未知 浏览 310次 时间 2021-04-30 12:56

上节课主要讲解了PHP代码和HTML代码进行了配合以实现动态数据网页的方法基本。作用

上节课编写了一个学生分数查询列表页面需要根据用户输入的条件信息单击查询按钮后网址提交单击查询按钮后返回显示不同的数据数据。条件文本输入框里面输入一个“ a”字符串则返回5条数据记录假如在输入一个“ b”字符​​串则返回3条数据记录其他情况则返回1条数据记录输入

为了实现

Form标签元素称为HTML表单可以用于收集用户输入信息控件

在3-4节里面已经介绍过:

一般使用form标签来

form标签内部可以使用不同类型的表单元素来输入不同类型的数据以及

例如输入元素复选元素单选元素拖放框选择 元素提交按钮等等概念

例如这样:

这样就是符合规范定义的input等标签

示例程序一般是通过定义的form的动作属性值来进行定义的提交

例如:

这个表单在提交的时候会提交给程序studentlist.php进行处理0061Form。代码本身就位于studentlist.php内就是自己提交给自己进行处理这也是符合规范的。当然了提交给另外一个文件也是符合规范的

然后点击一个按钮之后通过代码 方式来触发提交的动作呢?

有2种方法一种是采用替换的品牌有名度一种是采用替换的当点击这个按钮的时候就会自动提交到表单对应

另一种方法是采用JavaScript来进行提交。由于之前的网页代码编写中查询按钮是通过a标签来实现了因此这里我们就来尝试看采用JavaScript 方法如何提交给后台程序

0061Form和提交的概念以及基本数据输入控件

JavaScript方式提交表格

首先 修改studentlist.php文件增加表单标签同时修改查询按钮的alabel的onclick方法:

studentlist.php修改如下:

0061Form和提交的概念以及基本数据输入控件

然后创建另外一个文件studentlist_dophp文件:

0061Form和提交的概念以及基本数据输入控件

然后刷新网页:

0061Form和提交的概念以及基本数据输入控件

在姓名输入框里面输入字符串a然后点击查询按钮:

0061Form和提交的概念以及基本数据输入控件

0061Form和提交的概念以及基本数据输入控件

标签: 网址提交