前端：
<!--商品查询-->
<input type="text" name="bianhao" value="" maxlength="10" size="10" style="width:100px; margin:0px 0px 0px 25px;height:20px;"/>
<input type="submit" value="商品编号查询" style="margin:0px 0px 0px 10px;cursor:pointer;background-color:#C30D23;border:0px;color:#FFFFFF;width:85px;border-radiu
在Web开发中，通常我们需要将用户在前端页面输入的数据发送到服务器进行处理，例如与数据库进行比较，并将结果反馈给用户。在这个场景中，我们使用PHP来实现这一功能。前端部分是一个简单的HTML表单，包含一个输入框和一个提交按钮，用户可以在输入框中输入商品编号，点击“商品编号查询”按钮后，数据会被发送到服务器。
前端代码如下：
```html
<!-- 商品查询 -->
<input type="text" name="bianhao" value="" maxlength="10" size="10" style="width:100px; margin:0px 0px 0px 25px;height:20px;"/>
<input type="submit" value="商品编号查询" style="margin:0px 0px 0px 10px;cursor:pointer;background-color:#C30D23;border:0px;color:#FFFFFF;width:85px;border-radius:5px;padding:3px 0;font-size:13px;">
```
这里的`<input type="text" name="bianhao">`是一个文本输入框，用户可以在这里输入商品编号，`name="bianhao"`属性用于指定该输入框的名称，方便后端通过这个名字获取输入值。`<input type="submit">`是提交按钮，当用户点击它时，表单会被提交到服务器。
在PHP后端，我们需要接收前端发送的数据，然后查询数据库。这部分代码可以这样实现：
```php
public function MallList() {
// 实例化数据库对应的表
$goods = M('shop_goods_info');
// 获取前台文本框数据
$codes = I('param.bianhao');
// 检查是否接收到数据，且数据不为空
if (isset($codes) && $codes != '') {
// 将输入的值作为条件，用于数据库查询
$where['code'] = $codes;
$this->assign('codes', $codes); // 显示
}
// 查询数据
$info = $goods->where(array('code' => $codes))->find();
// 输出查询结果
// ...
}
```
这里使用了`M()`函数来实例化一个数据模型，通常是基于ThinkPHP框架。`I('param.bianhao')`用于获取URL参数或POST数据中的`bianhao`字段值，这等价于`$_GET['bianhao']`或`$_POST['bianhao']`。`$where['code'] = $codes;`将输入的商品编号作为查询条件，`$goods->where($where)->find();`执行查询操作，找到匹配的商品信息。
对于初学者来说，了解如何在PHP中接收前端数据并进行数据库查询是非常基础且重要的。在实际应用中，还需要考虑数据验证、错误处理和安全性问题，比如防止SQL注入。你可以使用预处理语句或参数绑定来确保数据安全。此外，前端也可以使用Ajax异步提交数据，提高用户体验。
文章中还提到了JavaScript的相关内容，主要是关于如何在前端实时监听输入框的值变化，使用`oninput`和`onpropertychange`事件，以及如何使用正则表达式限制输入框允许输入的字符。这些技术可以帮助我们进一步优化前端交互，确保用户输入的数据格式正确，避免无效或不安全的数据提交到服务器。
本文介绍了如何利用PHP从HTML输入框获取数据，与MySQL数据库进行比较，并显示查询结果。同时，也涉及到前端数据验证和实时监听输入变化的技术，这些都是构建动态Web应用的基础。在实际开发中，应结合前后端技术，确保数据的安全性和用户体验。
