Safari未遵循input字段translate="no"属性的问题解决

即使在HTML根节点设置了translate="no"，Safari的翻译功能仍会单独处理表单输入字段的value内容，导致静态文本未被翻译但输入框内容被转换的问题。

解决这个问题的核心是直接为目标<input>元素添加translate="no"属性，明确告知浏览器不要翻译该元素的内容：

<!DOCTYPE html>
<html lang="ja-jp" translate="no">
<body>

<h1>姓</h1>

<form>
  <!-- 为input元素添加translate="no"属性 -->
  <input type="text" id="fname" name="fname" translate="no"><br><br>
</form>
<script>document.getElementById("fname").value="姓"</script>

<p>姓 姓姓姓姓 姓 姓</p>
</body>
</html>

添加该属性后，Safari翻译功能会忽略输入框内的文本内容，保持其原始的日文状态，和页面其他静态文本的表现一致。

内容的提问来源于stack exchange，提问作者Bhuvan