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

简介:

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

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

一.关于name属性:

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

二.关于id属性:

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

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


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

本文作者:admin

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

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

相关文章
|
3月前
a标签target属性的取值和作用?
a标签target属性的取值和作用?
23 0
|
3月前
|
缓存 JavaScript 前端开发
通过id给input框和div赋值,修改属性值。
通过id给input框和div赋值,修改属性值。
40 0
通过id给input框和div赋值,修改属性值。
|
3月前
|
JavaScript 前端开发 开发者
div 元素的 tab-index 属性被设置为 -1,意味着什么
div 元素的 tab-index 属性被设置为 -1,意味着什么
22 0
|
8月前
|
UED
HTML中a标签的target属性的取值和作用--详解(附加代码)
HTML中a标签的target属性的取值和作用--详解(附加代码)
140 0
Element-ui 中对表单(Form)绑定的对象中的对象属性进行校验
Element-ui 中对表单(Form)绑定的对象中的对象属性进行校验
947 0
|
10月前
element表单嵌套检验+动态添加
element表单嵌套检验+动态添加
189 0
|
前端开发
前端 video 元素总是浮在最上方,增加一个 z-index 属性
前端 video 元素总是浮在最上方,增加一个 z-index 属性
|
Web App开发 JavaScript 前端开发
为什么dom元素可以直接使用id名称来获取元素?
为什么dom元素可以直接使用id名称来获取元素?
100 0
为什么dom元素可以直接使用id名称来获取元素?
|
JavaScript 开发者
veu 中通过属性绑定为元素设置 class 类样式 | 学习笔记
快速学习 veu 中通过属性绑定为元素设置 class 类样式
124 0
veu  中通过属性绑定为元素设置 class 类样式  |  学习笔记
元素中必知重要属性和方法
上一篇文章我们学习了 Angular 中自定义 Video 操作,如果读者留意的话,会发现在这篇文章中就开始操作元素的属性 scrollLeft,这是很常用的一样属性。那么还有什么属性和方法比较重要呢?其又代表什么意思呢?下面我们进入主题。
元素中必知重要属性和方法