当前位置: 首页 > news >正文

html的id与name属性,input中id和name属性具体有什么不同啊?(示例)

本篇文章主要给大家介绍HTML中关于input标签中的name属性及id属性的区别。希望对一些迷茫的新手学习有所帮助。这里先给大家简单介绍下,关于input标签是什么的问题。 标签是规定用户可输入数据的输入字段。根据不同的 type 属性,输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、input按钮等等。

input代码使用示例如下:

第一个名字:

第二个名字:

效果图如下:

cdb460b739a96a181e3612580ff57e8b.png

这里大家应该注意到一个inputname属性和inputid属性,

1、input标签的name 属性是规定 input 元素的名称。用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据。只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

2、id 在HTML中的作用是给一个单元(元素,标签)一个独一无二的标识或标记,让浏览器在分析处理网页时找到id所在的地方。并且要符合标识的要求,如大小写敏感,最好不要包含下划线(不兼容CSS)

id 一般用于css和js中引用,name用于表单提交,只有加了name属性的标签元素才会提交到服务器。

以上就是本篇文章关于input中的name属性和id的区别介绍,希望对有需要的朋友有所帮助。

【相关文章推荐】

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 2021河南固高高考成绩查询,2011河南高考状元:理科状元谢远航 720分 固始慈济高中...
  • 北京.NET俱乐部2007年12月2日活动通知
  • html文件记事本打开乱码,如何解决记事本打开出现乱码
  • 2021年广东高考成绩短信查询方式,2014年广东高考成绩查询 短信查询方式
  • JSSE应用
  • 湖南大学计算机科学课表,计算机科学志技术专业课程表
  • 构建基于MVC+Observer模式的、艺术性的移动开发框架(KJAVA版)(一)
  • 计算机网络工程师最新教材,网络工程师教程(第4版)全国计算机技术与软件专业(水平)考试教材...
  • 保护系统 WinXP故障恢复控制台完全指引
  • 无法启用计算机的w3svc,无法启动计算机.上的服务w3svc
  • Windows Server 2003网络负载均衡的实现
  • html div 移除,js动态创建及移除div的方法
  • 什么是随机数漏洞,什么是脆弱的随机数
  • 计算机联网工程学院,关于把计算机学院网络工程划到通信学院
  • 多用户的WordPress博客群搭建(WordPress Mu)
  • 【译】理解JavaScript:new 关键字
  • input的行数自动增减
  • Java到底能干嘛?
  • Linux快速配置 VIM 实现语法高亮 补全 缩进等功能
  • Redis 懒删除(lazy free)简史
  • Redis 中的布隆过滤器
  • Vultr 教程目录
  • 从零开始在ubuntu上搭建node开发环境
  • 技术发展面试
  • 坑!为什么View.startAnimation不起作用?
  • 前端之React实战:创建跨平台的项目架构
  • 让你成为前端,后端或全栈开发程序员的进阶指南,一门学到老的技术
  • 山寨一个 Promise
  • 王永庆:技术创新改变教育未来
  • 怎么将电脑中的声音录制成WAV格式
  • 【运维趟坑回忆录】vpc迁移 - 吃螃蟹之路
  • postgresql行列转换函数
  • 阿里云移动端播放器高级功能介绍
  • 东超科技获得千万级Pre-A轮融资,投资方为中科创星 ...
  • ​​快速排序(四)——挖坑法,前后指针法与非递归
  • ​LeetCode解法汇总2808. 使循环数组所有元素相等的最少秒数
  • ​埃文科技受邀出席2024 “数据要素×”生态大会​
  • # Maven错误Error executing Maven
  • # Redis 入门到精通(七)-- redis 删除策略
  • #14vue3生成表单并跳转到外部地址的方式
  • #WEB前端(HTML属性)
  • (2024.6.23)最新版MAVEN的安装和配置教程(超详细)
  • (3)(3.5) 遥测无线电区域条例
  • (Arcgis)Python编程批量将HDF5文件转换为TIFF格式并应用地理转换和投影信息
  • (env: Windows,mp,1.06.2308310; lib: 3.2.4) uniapp微信小程序
  • (草履虫都可以看懂的)PyQt子窗口向主窗口传递参数,主窗口接收子窗口信号、参数。
  • (超详细)语音信号处理之特征提取
  • (接口封装)
  • (论文阅读26/100)Weakly-supervised learning with convolutional neural networks
  • (强烈推荐)移动端音视频从零到上手(下)
  • (三)Hyperledger Fabric 1.1安装部署-chaincode测试
  • (转)LINQ之路
  • (转载)hibernate缓存
  • .gitattributes 文件
  • .NET Core、DNX、DNU、DNVM、MVC6学习资料