表单元素同时写id和name属性的作用

简介:

在看别人form表单元素代码的时候,经常会发现id和name属性值是同时出现的。

很多人会认为这是多此一举,其实并非这样,下面就做一下特别介绍。

一.关于name属性:

name属性是必须的,后台就是通过name属性获取表单元素值。

二.关于id属性:

id属性属性可以用来识别每一个表单元素,比如radio单选按钮可能多个name属性值都是相同的,需要使用id来区分每一个单选按钮。

还有一个作用就是可以和<label>标签的for属性关联起来,具体可以参阅<label>标签 for属性一章节。


原文发布时间为:2017-2-26

本文作者:admin

本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落

原文链接:表单元素同时写id和name属性的作用

相关文章
|
5天前
|
XML JSON 移动开发
BpmnJS 元素属性的updateProperties 和updateModdleProperties的属性更新区别
BpmnJS 元素属性的updateProperties 和updateModdleProperties的属性更新区别
18 1
|
5天前
|
JavaScript 前端开发 开发者
div 元素的 tab-index 属性被设置为 -1,意味着什么
div 元素的 tab-index 属性被设置为 -1,意味着什么
28 0
|
9月前
|
UED
HTML中a标签的target属性的取值和作用--详解(附加代码)
HTML中a标签的target属性的取值和作用--详解(附加代码)
156 0
Element-ui 中对表单(Form)绑定的对象中的对象属性进行校验
Element-ui 中对表单(Form)绑定的对象中的对象属性进行校验
957 0
|
11月前
element表单嵌套检验+动态添加
element表单嵌套检验+动态添加
213 0
|
Web App开发 JavaScript 前端开发
为什么dom元素可以直接使用id名称来获取元素?
为什么dom元素可以直接使用id名称来获取元素?
106 0
为什么dom元素可以直接使用id名称来获取元素?
|
JavaScript 开发者
veu 中通过属性绑定为元素设置 class 类样式 | 学习笔记
快速学习 veu 中通过属性绑定为元素设置 class 类样式
128 0
veu  中通过属性绑定为元素设置 class 类样式  |  学习笔记
|
JavaScript
v-for动态添加表单,并且获取表单中的值
v-for动态添加表单,并且获取表单中的值
元素中必知重要属性和方法
上一篇文章我们学习了 Angular 中自定义 Video 操作,如果读者留意的话,会发现在这篇文章中就开始操作元素的属性 scrollLeft,这是很常用的一样属性。那么还有什么属性和方法比较重要呢?其又代表什么意思呢?下面我们进入主题。
元素中必知重要属性和方法
|
JavaScript 前端开发
DOM(二)修改元素内容、属性
DOM(二)修改元素内容、属性
448 0
DOM(二)修改元素内容、属性