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

在表单中展示五本书的价格通常涉及HTML、CSS和JavaScript等前端技术的结合。你可以创建一个包含五个文本框（用于用户输入价格）以及对应书名的列表，每个文本框旁边都有一个显示当前总价的区域。下面是一个简单的步骤描述：

1. **HTML**部分：创建五个`<input>`元素，每个代表一本书的价格，和对应的`<label>`标签表示书名。例如：

   <form id="bookForm">
     <div>
       <label for="book1">书1:</label>
       <input type="number" id="book1Price" name="book1">
       <span id="book1Total"></span>
     </div>
     <!-- 重复类似结构，分别为其他四本书 -->
   </form>

2. **JavaScript**部分：添加事件监听器来计算并更新总价。当用户输入价格时，可以使用JavaScript获取这些值，并将它们累加起来：

   document.getElementById('bookForm').addEventListener('input', function() {
     var prices = document.getElementsByName('book');
     var total = 0;
     for (var i = 0; i < prices.length; i++) {
       if (prices[i].value) {
         total += parseFloat(prices[i].value);
         document.getElementById(prices[i].id + 'Total').textContent = total.toFixed(2); // 显示到小数点后两位
       }
     }
   });

这段代码假设所有的价格输入框都使用了相同的`name`属性（如`book`），并且每个价格输入框后的总金额ID格式为`bookXTotal`。