前端表单，它回显数据，并允许用户通过各种输入字段更新内容？
我已经开始开发一个小规模的产品信息亭系统，在这里用户可以查找各种产品，查看价格和可用性信息（不需要自助服务或任何形式的采购设置，因为它的主要用途将是列出产品）。对于这个特定的系统，将只有一个设定的产品数量，没有更多或更少，唯一的产品信息将改变的是可用性和价格（因此将不需要添加或删除任何产品）。我一直在研究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以后的所有浏览器 ： 现在，您可以使用
-
我正在尝试用Angular构建一个简单的计算器，如果我想的话，我可以覆盖总数。我有这部分的工作，但当我回去输入一个数字在一个或两个领域的总数没有在该领域的更新。 这是我的jsfiddlehttp://jsfiddle.net/YUza7/2/ 形式 javascript