向快速创建表单添加未绑定的可本地化标签

<form>
  <label for="name">Name:</label>
  <input type="text" id="name" name="name" required>

  <label for="email">Email:</label>
  <input type="email" id="email" name="email" required>

  <label for="message">Message:</label>
  <textarea id="message" name="message" required></textarea>

  <button type="submit">Submit</button>
</form>

/* 样式可以根据需要进行自定义 */
label {
  display: block;
  margin-bottom: 10px;
}

input, textarea {
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
}

button {
  padding: 10px 20px;
  background-color: #007bff;
  color: #fff;
  border: none;
  cursor: pointer;
}

// 根据语言环境切换标签文本内容
function localizeLabels() {
  var lang = navigator.language || navigator.userLanguage;
  var labels = document.getElementsByTagName('label');

  for (var i = 0; i < labels.length; i++) {
    var label = labels[i];
    var labelText = label.getAttribute('data-lang-' + lang);

    if (labelText) {
      label.textContent = labelText;
    }
  }
}

// 页面加载完成后调用本地化函数
window.onload = function() {
  localizeLabels();
};