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

简介:

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

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

一.关于name属性:

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

二.关于id属性:

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

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


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

本文作者:admin

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

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

相关文章
|
10月前
a标签target属性的取值和作用?
a标签target属性的取值和作用?
160 0
|
9月前
|
移动开发 前端开发 JavaScript
form的作用
form的作用
128 2
|
4月前
|
存储 移动开发 前端开发
HTML全局属性
【10月更文挑战第27天】
|
6月前
|
移动开发 前端开发 JavaScript
Twaver-HTML5基础学习(3)基本数据元素(Data)其他功能函数以及组Group
本文介绍了Twaver HTML5中Data类的其他功能函数,如获取和操作子网元的方法,以及组(Group)的概念和使用。文章通过示例代码展示了如何在React组件中创建组、添加图元到组中,并通过toChildren函数获取满足特定条件的图元。
77 0
Twaver-HTML5基础学习(3)基本数据元素(Data)其他功能函数以及组Group
|
5月前
|
数据处理 数据安全/隐私保护
input 的 name 属性的作用?
input 的 name 属性的作用?
60 0
|
7月前
|
前端开发 JavaScript SEO
如何精通HTML:掌握元素的全局公共属性秘籍
如何精通HTML:掌握元素的全局公共属性秘籍
|
7月前
|
移动开发 前端开发 JavaScript
HTML5 中 `id` 属性和 `class` 属性的区别
【8月更文挑战第24天】
210 0
|
9月前
|
前端开发 JavaScript
HTML 全局属性介绍及示例
HTML 全局属性介绍及示例
|
8月前
|
JavaScript 前端开发 UED
获取HTML元素的offsetParent属性
获取HTML元素的offsetParent属性
|
10月前
|
移动开发 自然语言处理 前端开发
input表单 type属性详解
input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下, 什么样的数据均可以输入。而通过不同的type属性值,可以限制输入的内容。
223 1