在表单中输入5本书的价格，并且显示这5本书价格的和

在表单中输入5本书的价格通常涉及HTML用于创建表单元素，如文本框或输入字段，以及JavaScript或服务器端语言（如PHP、Python等）处理数据。下面是一个简单的步骤描述：

1. **设计HTML表单**：

<form id="bookForm">
  <label for="book1">书1价格:</label>
  <input type="number" name="book1" id="book1">
  
  <!-- 重复4次，直到第5本书 -->
  <label for="book5">书5价格:</label>
  <input type="number" name="book5" id="book5">
  
  <button type="submit">计算总和</button>
</form>

2. **添加JavaScript处理** (假设在纯前端)：

document.getElementById('bookForm').addEventListener('submit', function(e) {
  e.preventDefault(); // 阻止默认提交

  var prices = [];
  ['book1', 'book2', 'book3', 'book4', 'book5'].forEach(function(id) {
    var input = document.getElementById(id);
    if (input.value && !isNaN(input.value)) { // 检查是否输入了数字
      prices.push(Number(input.value));
    }
  });

  var sum = prices.reduce(function(a, b) { return a + b; }, 0);
  alert('五本书总价: ' + sum);
});

3. **服务器端处理** (例如在PHP):

<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
  $prices = array(
    $_POST['book1'],
    // ... 重复获取其他书籍的价格
  );

  $total = array_sum($prices);
  echo "五本书总价: " . $total;
}
?>