一生唯一的ID

<h3>HTML中id和name的区别是什么?</h3>

<h4>理性分析:</h4>
id是你的身份证号码,name是你的名字
id是超市里一件物品的条形码,name是那件物品的名称。
<h4>感性认知:</h4>
id是那个走进你心里你爱的人,name是未曾走进你心里却陪伴这你的人。

简书图片

一生那么久那么久,繁花似锦,爱过的人可能很多,可是能走进心里的人却是少有。
经历了生活酸甜苦辣的洗礼后,再去回忆那年青春。17的单车后面那个人还是那么简单纯粹的在记忆里,无可替代。
可是多年来陪伴过你的人却是来来往往。

简书图片

这就是id和name的本质区别,id是一生的唯一,name却可以有很多很多。

简书图片

<h3>name去代替id</h3>
经典琼瑶剧《情深深,雨蒙蒙》中陆振华因为失去了初恋萍萍,后来娶了18位或是眼睛,或是鼻子,或是眉毛像萍萍的人。可是临终前他手里握这的还是萍萍的照片,心里的唯一怎么可能会被取代,很多时候命不由心而是由情。
同理想要用name代替id也是一个不可能的事。

<label for="pingping">萍萍</label>           
 <input id="pingping" type="text">

在label与for关联的控件中,指定用id而不能用name代替。
就好似,多年后你带这你身边的人牵手回到校园,漫步在校园中,这只会让你更加思念20岁那年陪你在这里打闹的人,回忆丝毫不会被取代,强行的用name代替id只会愈加明白id的好。

简书图片

在脚本中获得对象时支持的也是id而不是name,比如要获得上面input输入的内容,用pingping.value即可,即使时DOM用document.getElementById("pingping").value亦可获得。
要想非用name代替,首先得获得form中的值document.forms[0],然后再获得form中name的值。
那年课堂上,只是四目相对,她便羞红了脸。后来遇到的恋人,一只YSL,一款新出来的爱马仕,甚至是一辆保时捷她才会有嫣然的笑容。

简书图片

<h3>id去代替name</h3>
既然id不可替代,那直接让id代替name不就好了。
“回眸一笑百媚生,六宫粉黛无颜色。”“天长地久有时尽,此恨绵绵无绝期”李隆基与杨贵妃的感情那么深厚,可是他还是有这后宫佳丽三千,只是无人可代替杨贵妃的地位罢了。
同样的我们可以知道id虽是唯一但不代表它可以代替name。


简书图片

在表单提交的时候,有很多数据必须通过name才可以传送成功,就比如input、select、textarea,iframe、frame、 window、button等这些与表单提交有关的元素则必须用name才可以实现。
在单项选择radio中,我们也是根据相同的名字才实现了选项唯一性这个功能。
建立页面中的锚点,我们知道<a href="URL">link</a>是获得一个页面超级链接,如果不用href属性,而改用Name,如:<a name="PageBottom"></a>,我们就获得了一个页面锚点。
作为对象的Identity,如Applet、Object、Embed等元素。比如在Applet对象实例中,我们将使用其Name来引用该对象。
在IMG元素和MAP元素之间关联的时候,如果要定义IMG的热点区域,需要使用其属性usemap,使usemap="#name"(被关联的MAP元素的Name)。
某些特定元素的属性,如attribute,meta和param。例如为Object定义参数<PARAM NAME = "appletParameter" VALUE = "value">或Meta中<META NAME = "Author" CONTENT = "Dave Raggett">。

简书图片

17岁那年的她虽然住进了你的心里,可是她可能只会在你失意时给你安慰和鼓励却无法陪你加班熬夜。
温柔的她无法陪你应付那些应酬,大大咧咧的她无法每天给你整理衣角,若你是一代君王,她未必有这足够的权势可以站在你的身边。

简书图片

id无法代替name,name也无法代替id。
只愿在你的生命中我是那唯一的id,而不是可以重复拥有很多的name。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,874评论 18 399
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,281评论 19 139
  • 1.import static是Java 5增加的功能,就是将Import类中的静态方法,可以作为本类的静态方法来...
    XLsn0w阅读 1,283评论 0 2
  • 转:成功并不在于别人走你也走,而是别人停下来你扔在走。 最最希望简单的几笔能带给你快乐,其实是我最先快乐!
    虎笨笨阅读 279评论 0 1
  • 最近读了王小波的《对待知识的态度》一文,他认为: 不管有没有直接的好处,都应该学习,因为学习就是一种生活方式。文中...
    王一波的写作练习阅读 1,885评论 0 0