在页面上通过表单提交当前时间，如果时间介于6:00-18:00，属于白天。根据时间，在页面上分别显示白天图片和黑夜图片

可以使用JavaScript来实现这个功能。首先，在HTML页面中创建一个表单，让用户可以输入当前时间：

<form>
  <label for="time">请输入当前时间：</label>
  <input type="text" id="time" name="time">
  <button type="submit">提交</button>
</form>

然后，在JavaScript中获取用户输入的时间，并根据时间来显示不同的图片：

// 获取表单元素和图片元素
const form = document.querySelector('form');
const dayImg = document.querySelector('#day-img');
const nightImg = document.querySelector('#night-img');

// 监听表单提交事件
form.addEventListener('submit', (event) => {
  event.preventDefault(); // 阻止表单默认提交行为

  // 获取用户输入的时间
  const timeInput = document.querySelector('#time');
  const time = timeInput.value;

  // 将时间字符串转换为Date对象
  const date = new Date(`2000-01-01T${time}`);

  // 获取当前时间的小时数
  const hour = date.getHours();

  // 根据小时数判断是白天还是黑夜
  if (hour >= 6 && hour < 18) {
    // 显示白天图片
    dayImg.style.display = 'block';
    nightImg.style.display = 'none';
  } else {
    // 显示黑夜图片
    dayImg.style.display = 'none';
    nightImg.style.display = 'block';
  }
});

在HTML中，需要为白天和黑夜图片分别创建img元素，并设置它们的display样式为none，初始状态下不显示任何图片：

<img id="day-img" src="day.jpg" style="display:none;">
<img id="night-img" src="night.jpg" style="display:none;">

注意，这里假设白天图片的文件名为day.jpg，黑夜图片的文件名为night.jpg，需要根据实际情况修改。