温湿度传感器图片，温湿度值输入框，记录值的按钮和插入值的按钮

很抱歉，我无法直接为您提供图片。但是，您可以在搜索引擎中查找温湿度传感器图片，例如DHT11或DHT22，然后将其插入到您的应用程序中。

至于温湿度值输入框和记录值按钮，您可以使用HTML中的input元素和button元素来创建它们。例如：

<label>温度：</label>
<input type="number" name="temperature" id="temperature-input"><br>

<label>湿度：</label>
<input type="number" name="humidity" id="humidity-input"><br>

<button id="record-button">记录</button>
<button id="insert-button">插入</button>

然后，您可以使用JavaScript来获取输入框中的值，并在点击“记录”按钮时将其保存到数组中。在点击“插入”按钮时，您可以将保存的值插入到页面中的表格或其他元素中。例如：

const temperatureInput = document.getElementById("temperature-input");
const humidityInput = document.getElementById("humidity-input");
const recordButton = document.getElementById("record-button");
const insertButton = document.getElementById("insert-button");

let records = [];

recordButton.addEventListener("click", () => {
  const temperature = temperatureInput.value;
  const humidity = humidityInput.value;
  records.push({ temperature, humidity });
});

insertButton.addEventListener("click", () => {
  // 在此处将记录插入到表格或其他元素中
});