bootstrap 表单本身不支持多语言，所有文本（如 placeholder、label、验证提示）需手动控制：通过 js 动态替换键值对、同步更新 aria 属性、用 setcustomvalidity 重写浏览器原生验证消息，并手动刷新第三方组件（如 bootstrap-select、datepicker）的语言配置。
Bootstrap 表单本身不带多语言能力，所有文本（如 placeholder、label、title、验证提示）都得由你手动控制。没有“开箱即用”的 locale 参数或自动翻译机制。
表单字段的 placeholder 和 label 怎么换语言
这些是纯 HTML 属性，Bootstrap 不接管它们的值。必须靠 JS 动态替换，或服务端渲染不同语言版本。
- 把所有文本抽成键值对，比如
{ "login.email": "邮箱地址", "login.password": "密码" } - 监听语言切换事件（如用户点选
zh-CN），遍历document.querySelectorAll('[data-i18n]')找到带标记的元素 - 用
el.setAttribute('placeholder', translations[key])或el.textContent = translations[key]更新，避免用innerHTML防 XSS - 注意
aria-label、aria-describedby等无障碍属性也要同步更新，否则屏幕阅读器仍读英文
原生 HTML5 表单验证提示怎么改
浏览器内置的验证消息（如 “Please fill in this field”、“Please match the requested format”）无法通过 CSS 或 Bootstrap 控制，必须用 JS 拦截并重写。
- 监听
invalid事件，在event.preventDefault()后调用setCustomValidity() - 示例：
input.addEventListener('invalid', e => { e.target.setCustomValidity(translations['form.required'] || '此项为必填项'); }); - 每次语言切换后，需重新遍历所有
input[required]元素执行一遍setCustomValidity('')清空旧提示，再设新提示 - 注意：Chrome 和 Safari 对
setCustomValidity的触发时机略有差异，建议在blur或submit时统一校验并提示
第三方表单组件（如 bootstrap-select、datepicker）的语言怎么同步
它们各自维护一套语言包，和主表单语言状态不联动，容易出现“下拉框是中文，日期选择器还是英文”的割裂感。
-
bootstrap-select：初始化时传locale: 'zh_CN'，或直接覆盖$.fn.selectpicker.defaults对象；运行时切换需调用$('.selectpicker').selectpicker('refresh') -
bootstrap-datepicker：必须显式加载对应语言 JS 文件（如bootstrap-datepicker.zh-CN.js），再初始化时设language: 'zh-CN'；运行时切换要先destroy再重建 - 关键点：这些插件不响应全局
i18n.locale变量，你得在语言切换函数里手动触发它们的刷新逻辑 - RTL 语言（如阿拉伯语）还需额外加
direction: 'rtl'和引入bootstrap.rtl.min.css，否则日期面板方向错乱
最常被忽略的是验证消息的生命周期管理——不是设一次就完事，语言切换后必须重置所有 setCustomValidity 状态，并确保第三方组件的实例被正确销毁与重建。否则用户会看到中英混杂的提示，或者点击切换语言后表单完全失去验证反馈。
