2.设计一个含有表单的页面，并在表单上放一个文本框，当鼠 标在表单上移动时,把相对于表单的鼠标坐标的显示在文本框中。

你可以使用JavaScript编写这个页面，并在表单上放置一个文本框和一个鼠标移动事件监听器。以下是实现的步骤：

1. 在HTML中添加一个表单元素和一个文本框元素。
2. 为表单元素添加鼠标移动事件监听器。
3. 当鼠标移动到表单上时，获取鼠标相对于表单的坐标，可以使用event对象的clientX和clientY属性。
4. 将坐标信息显示在文本框中，可以使用DOM操作获取文本框元素并将坐标信息作为其value属性值。

下面是具体的代码实现：

<!-- 在页面中添加一个表单和一个文本框 -->
<form>
  <label for="coord">Mouse Coordinates:</label>
  <input type="text" id="coord" name="coord">
</form>

<script>
  // 获取表单元素和文本框元素
  const form = document.querySelector('form');
  const coord = document.querySelector('#coord');

  // 为表单元素添加鼠标移动事件监听器
  form.addEventListener('mousemove', e => {
    // 获取鼠标相对于表单的坐标
    const x = e.clientX - form.offsetLeft;
    const y = e.clientY - form.offsetTop;

    // 将坐标信息显示在文本框中
    coord.value = `X: ${x}, Y: ${y}`;
  });
</script>

当鼠标移动到表单上时，文本框中会显示出鼠标相对于表单的坐标。