个人头像

柠檬酸

1月前来过

控制台
欢迎来到我的博客!
默认封面

00:00/

播放列表

IE下给li标签增加value后出现的诡异现象

发布于2018-02-09 / 966次浏览

前言:

今天在做项目的过程中发现了一个很诡异的bug:
IE下value="" 会渲染成value="1"
先看w3c下的文章:http://www.w3school.com.cn/tags/att_li_value.asp
里面有这么一句话:

浏览器支持

尽管不赞成使用 value 属性,不过所有浏览器都支持 value 属性。

兼容性注释

在 HTML 4.01 中,不赞成使用 li 元素的 value 属性;在 XHTML 1.0 Strict DTD 中,不支持 li 元素的 value 属性。

注释:目前,还没有可替代 value 属性的 CSS 解决方案。

查找资料后得出结论:

value是li的一个不规范属性,它不符合w3c标准,但很多浏览器都支持这个属性。这个属性是指定排序列表的序号值,所以默认是整数来的。

<li>标签来说,四个浏览器的兼容性如下:

心得教训:

value一般用于属于form中的控件元素,比如input,option等。

如果想自定义属性,用data代替~

喜欢 0
TAGS:  
本站文章除注明转载/出处外,均为本站原创或翻译。若要转载但请务必注明出处,尊重他人劳动成果。 转载请注明出处链接 : IE下给li标签增加value后出现的诡异现象

Leave a Reply to 广树
取消回复

5 条评论

  1. xema 说道: 来自 Google Chrome 43.0.2357.121 in Android 5.1
    2018-02-20 15:31

    没有命令要求的…从未想过兼容ie

  2. 蝉時雨 说道: 来自 Google Chrome 64.0.3282.140 in Windows 10
    2018-02-10 17:27

    还没放假呐~ 话说我现在才知道 li 居然可以用 value 属性~

  3. 广树 说道: 来自 Google Chrome 63.0.3239.132 in Windows 7
    2018-02-10 9:34

    本来li标签就不好用value吧?

    • admin 博主 说道: 来自 Google Chrome 63.0.3239.132 in Windows 8.1
      2018-02-10 9:36

      @广树 公司前辈写的代码,我负责改。踩了一点坑

      • 广树 说道: 来自 Google Chrome 63.0.3239.132 in Windows 7
        2018-02-10 10:00

        @admin 你们的前辈想象力还真是丰富呀!