meta标签的format-detection的作用

在iOS系统中,默认开启对电话号码、邮箱和地址格式的校验,通过校验的字符串会变蓝且有下划线。这让前端工程师觉得失去对页面的控制,因此可在页面关闭该校验。需注意,只有iOS系统会自动校验,安卓系统不会。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值