一生唯一的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。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,651评论 6 501
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,468评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,931评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,218评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,234评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,198评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,084评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,926评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,341评论 1 311
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,563评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,731评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,430评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,036评论 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,676评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,829评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,743评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,629评论 2 354

推荐阅读更多精彩内容

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