html中id值必须唯一吗?

时间：2015-09-07 12:44:17 阅读：270 评论：0 收藏：0 [点我收藏+]

标签：

HTML实验：

1.新建网页,输入一下内容，在浏览器打开

<html>
    <head>
        <meta http-equiv="content-type" charset="utf-8"/>
    </head>
    <body>
        姓名:<input type="text" id="inTxt"/><br/>
        密码:<input type="text" id="inTxt"/>
    </body>
</html>

2.效果图　　

技术分享

两个输入框使用了相同的id号，但能正常显示，浏览器未报错

CSS实验

1.修改源代码，添加样式

<html>
    <head>
        <meta http-equiv="content-type" charset="utf-8"/>
        
        <style>
            #inTxt
            {
                background-color:red;    
            }
        </style>
    </head>
    <body>
        姓名:<input type="text" id="inTxt"/><br/>
        密码:<input type="text" id="inTxt"/>
    </body>
</html>

2.效果图

技术分享

JS实验

1.修改源代码，添加脚本

<html>
    <head>
        <meta http-equiv="content-type" charset="utf-8"/>
        
        <style>
            #inTxt
            {
                background-color:red;    
            }
        </style>
    </head>
    <body>
        姓名:<input type="text" id="inTxt" value="a"/><br/>
        密码:<input type="text" id="inTxt" value="b"/>
        
        <script>
            var input = document.getElementById("inTxt");
            alert(input.value);
        </script>
    </body>
</html>

2.效果图

技术分享