制作网上订单页面，具体要求如下：单击“增加订单”按钮，可增加订单行，可自己输入商品名称，数量和价格。单击“确定”按钮后保存订单，“确定”按钮变为“修改”按钮。单击“删除”按钮可删除一行订单。单击“修改”按钮可对商品的名称，数量和价格和进行修改。

制作网上订单页面通常需要以下几个步骤和HTML、JavaScript以及可能的后端语言如PHP或Node.js配合：

1. **HTML布局**：创建基础结构，包括表格或列表形式的订单行，每个单元格对应商品名称、数量、价格和操作按钮（增加、删除、确定/修改）。

<table id="orderTable">
  <tr>
    <td><input type="text" id="itemName"></td>
    <td><input type="number" id="itemQuantity"></td>
    <td><input type="number" id="itemPrice"></td>
    <td><button onclick="addItem()">增加</button></td>
    <td><button onclick="deleteItem()">删除</button></td>
    <td><button onclick="saveOrEdit('add')">确定</button></td>
  </tr>
</table>

2. **JavaScript事件处理**：为点击事件编写函数，比如`addItem()`用于添加新行，`deleteItem()`删除当前行，`saveOrEdit(type)`判断是添加还是修改，根据`type`值更新相应按钮的文案（例如从“确定”改为“修改”）并处理数据保存。

3. **数据管理**：可以使用数组或对象存储订单信息，并在点击“确定”或“修改”时，通过`saveOrder()`函数将更改后的订单发送到服务器，后端处理并返回响应。

4. **状态控制**：利用状态管理工具（如Redux或React Hooks）跟踪订单的状态，以便在用户交互时保持数据的一致性。

5. **服务器交互**：当用户确认或修改订单时，前端发起Ajax请求，向服务器发送商品名称、数量和价格的变更信息，接收服务器的响应并更新显示。