前端表单，它回显数据，并允许用户通过各种输入字段更新内容？
我已经开始开发一个小规模的产品信息亭系统，在这里用户可以查找各种产品，查看价格和可用性信息（不需要自助服务或任何形式的采购设置，因为它的主要用途将是列出产品）。对于这个特定的系统，将只有一个设定的产品数量，没有更多或更少，唯一的产品信息将改变的是可用性和价格（因此将不需要添加或删除任何产品）。我一直在研究CRUD，但因为我只需要通过表单更新现有数据，所以我有点不确定如何使用它。
到目前为止，我已经建立了一个带有products表的MySQL数据库，其中插入了所有的产品和信息。
在我的index.php中，我创建了一个基本表，它将数据回显到表中。
<!DOCTYPE html>
<html>
<head>
<style>
body {font-family: verdana; font-size: 12px; text-transform:capitalize;}
#content {margin: 20px;}
table,th,td {border:1px solid #d1d1d1; padding: 12px;}
</style>
</head>
<body>
<div id="content">
<h1>Product Details</h1>
<?php
$con=mysqli_connect("SERVERINFO","DATABASE","USER","PASS");
// Check connection
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
$result = mysqli_query($con,"SELECT * FROM products");
echo "<table border='1' cell-padding='2'>
<tr>
<th>ID</th>
<th>Prodcut</th>
<th>Price</th>
<th>Availabitly</th>
</tr>";
while($row = mysqli_fetch_array($result))
{
echo "<tr>";
echo "<td>" . $row['id'] . "</td>";
echo "<td>" . $row['product'] . "</td>";
echo "<td>" . $row['price'] . "</td>";
echo "<td>" . $row['availabitly'] . "</td>";
echo "</tr>";
}
echo "</table>";
mysqli_close($con);
?>
</div>
</body>
</html>
我并没有要求任何人为我编写代码，因为我正在经历这一过程的主要原因是学习更多，并希望被指向正确的方向。
多谢了。
共有1个答案
只需创建一个带有表单的页面即可进行更改：
<form method="post" action="update.php">
<select name="availabillity">
<option>available</option>
<option>not available</option>
</select>
<input type="text" name="price">
<button type="submit">Submit</button>
</form>
在update.php中执行如下操作：
$new_price = $_POST['price'];
$availabillity = $_POST['availabillity'];
然后只需运行一个新的mysql查询来更新表中的数据：
"UPDATE YOURTABLE SET price = $new_price, availabillity = '".$availabillity."' WHERE id = yourid"
-
问题内容： 如何限制或限制用户在文本框中最多输入五个字符？ 以下是我表单中的输入字段： 使用的是maxSize之类的东西吗？ 问题答案： 最大长度： 输入将接受的最大字符数。这可以大于SIZE指定的大小，在这种情况下，该字段将适当滚动。默认值为无限制。 但是，这可能会或可能不会受到您的处理程序的影响。您可能还需要使用或添加另一个处理函数来测试长度。
-
如何验证只有2位数字的输入数字，并允许用户使用JQuery输入点数字？ 用户可以输入0到99个数字和点数字 比如( 0.1（3位） 3.14（4位数字） 98.1212178623445243（更多数字） 等......） https://jsfiddle.net/kwcft9bq/ 我试着用 但最后还是不行 有什么想法吗？？？非常感谢。
-
我有一个输入字段，用户只能在其中输入数字。 JSFIDLE演示 问题是：当我输入一个数字（例如，）然后按点（）时，或-浏览器会自动删除输入字段的内容（值设置为“”=空字符串）。但是为什么呢？将类型从更改为似乎可以解决问题。但是，我失去了输入字段的向上/向下箭头功能。有什么想法吗？
-
我通过使用硒IDE创建了一个提示： 如何返回这段代码并在IDE中进一步使用它？例如将其写入特定的输入字段。 我只是希望代码等到它从提示中接收到返回值，然后使用该值将其插入到特定字段。
-
问题内容： 有没有一种快速的方法来将HTML文本输入（）设置为仅允许数字键击（加’。’）？ 问题答案： 注意： 这是更新的答案。下面的注释指的是一个旧版本，其中充斥着密钥代码。 JavaScript 您可以使用以下功能过滤文本的输入值（支持CopyPaste，Drag+Drop，键盘快捷键，上下文菜单操作，不可键入的键，插入标记的位置，不同的键盘布局以及IE9以后的所有浏览器 ： 现在，您可以使用
-
问题内容： 我有一个Google图表从我的数据库中提取数据，该数据可以按我的意愿工作。根据URL中的获取请求，它从所选表中提取数据。 我想通过基于下拉菜单中所选表的ajax来更新此图表。我无法突破的部分是通过ajax使数据响应。我认为下面的代码已经结束，但是我遇到了似乎无法摆脱的以下错误。 getdata.php：22未捕获的ReferenceError：未定义$ drawVisualizatio