前言
meta
标签中 format-detection
的作用是校验电话号码、邮箱和地址的格式,在 ios
系统中,通过校验的字符串的颜色会变成蓝色,并且有下划线。默认值开启校验。这种对符合规则的字符自动校验的方式让一名前端工程师觉得页面失去了自己的控制,所以在页面关闭这种校验。
效果
<!-- 即使未添加属性 `name` 为 `format-detection` 的 `meta` 标签,默认开启以下 3 种校验 -->
<meta content="telephone=yes,email=yes,adress=yes" name="format-detection">
<!-- 取消电话、邮箱和地址格式校验 -->
<meta content="telephone=no,email=no,adress=no" name="format-detection">
总结
只有 ios
系统会自动校验电话号码、邮箱和地址的格式,安卓系统则不会。
参考
- https://yq.aliyun.com/articles/573353