WordPress小工具无法保存 踩坑type="url"

2020-3-18 17:41 来自本站原创 5,511 2 13
[摘要]

新的属性和标准初心都是美好的,但在普及过程中总是遇到各种奇葩情况,也正是如此,导致很多的开发者并不会优先使用新的属性和标准,

严格说这并不是一篇关于WordPress的文章,仅仅是对HTML5 input新属性值url特性的忽略。

WordPress小工具无法保存 踩坑type=

打开客户的一个站点,在后台修改小工具内容的时候发现,填写的内容无法进行保存。百思不得其解,这功能以前是正常的啊,难道数说是WordPress系统更新后,函数钩子什么的有变化?

又仔细测试,一个一个选项进行测,发现有一个名为“标题”的输入框填入内容是可以保存的,这就排除了WordPress更新的问题了。

于是打开主题源码,仔细对比,发现问题了,原来除了“标题”这个input的type设置为默认的text,其他的选项input标签 type属性值竟然设置的都是url。

这个type="url"是HTML5新增的一个属性值“定义用于输入 URL 的字段:”其用处是方便输入url地址,比如iPhone 的 Safari 浏览器会识别 url 输入类型,然后改变触摸屏的键盘来适应它(添加 .com 选项)。

WordPress小工具无法保存 踩坑type=

由于这些输入框填写的内容为纯文本,不符合type="url" 必须以http://开头的要求,所以无法进行保存表单

那为什么之前能保存,而现在却无法保存呢?这就要说到浏览器的兼容性问题了,由于浏览器厂家并不一定按照或者还没来得及更新最新的w3c标准,所以有时候会出现该正常的不正常,该不正常的却正常了。

WordPress小工具无法保存 踩坑type=

大概是当时该主题开发时,一时图快进行复制粘贴,把输入网址的input里面的type="url" 全部粘贴给了别的input,而当时主流浏览器并不完美支持type="url"的特性,输入纯文本也能进行表单提交;而近两年浏览器进行了标准的更新,所以非http://开头的内容也就无法保存了。

新的属性和标准初心都是美好的,但在普及过程中总是遇到各种奇葩情况,也正是如此,导致很多的开发者并不会优先使用新的属性和标准,也正是如此,HTML5 + CSS3的发展并没有那么理想,期待浏览器厂家能够早日达成一致,让前端开发者少掉些头发。

连微软都启用Chromium内核了,浏览器世界一统天下的那天还会远么?

本文最后更新于2020年4月20日,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

如果认为本文对您有所帮助请赞助本站

支付宝扫一扫赞助微信扫一扫赞助

  • 支付宝扫一扫赞助
  • 微信扫一扫赞助
  • 声明:凡注明“本站原创”的所有文字图片等资料,版权均属 雅兮网 所有,欢迎转载,但务请注明出处;
    目前评论:2   其中:访客  0   博主  0
    加载中...
    1. 3年前 (2020-11-30) 0楼

      我碰到的是因为 CDN 缓存造成的!

    2. 4年前 (2020-03-18) 0楼

      车长在开发主题了啊~

    发表评论

    疑问 调皮 难过 抠鼻 吓 微笑 可爱 坏笑 惊讶 发呆 疑问 大兵 偷笑 咒骂 发怒 白眼 鼓掌 得意 擦汗 亲亲 大哭 呲牙 晕 强

    分享 2 13 5,511
    Top