美文网首页
html-id和name

html-id和name

作者: baiying | 来源:发表于2016-12-12 15:33 被阅读12次

    当我们在html中要访问某个元素的时候,一般会通过id或者name属性去访问,这两者都是非常常见的,那两者到底有什么区别和联系呢

    直观区别:

    • name可以对应多个控件
    • id是唯一的标识

    id用途:

    • id是HTML脚本里的identity,主要在客户端脚本里边使用
    • label与form表单的关联

    <label for="MyInput">My Input</label>
    <input id="MyInput" type="text">

    - 脚本中获得对象:IE支持在脚本中直接以id(而不是name)引用该id标识的对象 *例如上面的input,要在脚本中获得输入的内容,可以直接以 MyInput.value来获得。如果用DOM的话,则用document.getElementById("MyInput").value;
    如果要用name的话,通常先得到包含控件的form,例如document.forms[0],然后从form再引用name,注意这样得到的是经过计算后将发送给服务器的值*
    
    ###name用途
    - 用于获取提交表单的某表单域信息,作为可与服务器交互数据的服务器端标识,例如input,select,textarea,框架元素和button等
    - `input type = "radio"`,html中的单选功能,选项是一组数据,通过设置相同的name值来实现选一个的功能。
    - 建立页面中的锚点,我们知道`<a href="URL">link</a>`是获得一个页面超级链接,如果不用href属性,而改用name,如:<a name="PageBottom"></a>,我们就获得了一个页面锚点。
    -

    相关文章

      网友评论

          本文标题:html-id和name

          本文链接:https://www.haomeiwen.com/subject/dgjlmttx.html