HTML表单中name属性作用是什么?name和ID的差别又是什么?

html表单中name属性作用是什么?name和id的差别又是什么?本篇文章主要解释了html表单中name属性作用和还有name和id的差别又是什么

作用和用法

如:


type 表示类型;name 表示名字 可以重复;id表示标识 唯一;

name 属性规定 input 元素的名称。

立即学习“前端免费学习笔记(深入)”;

①name 属性用于对提交到服务器后的表单数据进行标识

②或者在客户端通过 JavaScript 引用表单数据。

注释:只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。


实例:

带有两个文本字段和一个提交按钮的 HTML 表单:

  

Name:

Email:

name和ID的区别

二者的区别:

id要符合标识的要求,比如大小写敏感,最好不要包含下划线(因为不兼容CSS)。而name基本上没有什么要求,甚至可以用数字。

补充:name主要是表单元素里才有的属性。通过js的document.表单名称.文本框.value来获取文本框的值,其中的表单名称和文本框名称指的是name,而非表单元素例如div,span等是没有name属性的,而id属性是任何一个HTML元素都会有的。当你需要用js获取非表单元素对象是就得用document.getElementById(“id”)

【相关推荐】

html的基础元素,让你零基础学习HTML

什么是HTML文件?HTML文件的初步认识

以上就是HTML表单中name属性作用是什么?name和ID的差别又是什么?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1546520.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 18:18:28
下一篇 2025年12月17日 08:26:24

相关推荐

  • React中跨组件分发状态的三种方法介绍

    这篇文章给大家介绍的内容是关于react中跨组件分发状态的三种方法介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 当我问自己第一百次时,我正在研究一个典型的CRUD屏幕:“我应该将状态保留在这个组件中还是将其移动到父组件?”。 如果需要对子组件的状态进行轻微控制。您可能也遇到了…

    2025年12月21日
    000
  • 关于html中标签的for属性的详细分析

    这篇文章给大家介绍的内容是关于html中标签的for属性的详细分析,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 在freecodecamp上HTML教程的Create a Set of Radio Buttons这一节中,看到这样一段话, It is considered bes…

    2025年12月21日
    000
  • HTML的Select对象如何进行Option对象的操作

    本篇文章给大家带来的内容是关于HTML的Select对象如何进行Option对象的操作,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 select 对象其实是一个包含 option 对象数组的复合对象。 select 对象 select 对象最重要的属性是 selectedInde…

    好文分享 2025年12月21日
    000
  • HTML和CSS3中的2D、3D结合实现动画效果

    这篇文章给大家介绍的内容是关于HTML和CSS3中的2D、3D结合实现动画效果,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 虽然我们我们在前端工作中,对于2d、3d动画效果一般来说都用不上,基本上都是用js或jq来完成这些动画效果,但是最基础的这些你是否已经忘记了呢? 昨天重温了…

    2025年12月21日
    000
  • div标签:水平居中和垂直居中的实现(附代码)

    本篇文章给大家带来的内容是关于div标签:水平居中和垂直居中的实现,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 在前端开发时,经常会遇到需要居中的情形,居中分2种情况,一个是水平居中,一个是垂直居中,总结一下用到的方法。 水平居中实现 margin:0 auto auto表示外边…

    2025年12月21日
    000
  • 瀑布流布局实现的代码

    这篇文章给大家介绍的内容是关于瀑布流布局实现的代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 index.html waterfall layout @@##@@ @@##@@ @@##@@ @@##@@ @@##@@ @@##@@ @@##@@ @@##@@ @@##@@ @…

    好文分享 2025年12月21日
    000
  • html实现一个简单的注册页面(附代码)

    本篇文章给大家带来的内容是关于html实现一个简单的注册页面(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 1.创建一个html文件 2.根据案例图片进行设计 3.写相应的html代码 注册请注册注册邮箱:&nbsp 你可以使用账号去注册或者手机号注册创建密码:真…

    2025年12月21日
    000
  • 父元素标签的默认行为以及click事件之间的相互影响

    本篇文章给大家带来的内容是关于父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存在影响,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 开发过程中遇到问题,简单写个demo   运行环境为Chrome 68 描述一下这个问题,当a标签内部存在嵌套时, 父元素a标…

    2025年12月21日
    000
  • html中标签嵌套的问题如何解决

    本篇文章给大家带来的内容是关于html中标签嵌套的问题如何解决,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 问题描述 期待样式: 单一精确度显示:“精确度等级:xxxxx” 立即学习“前端免费学习笔记(深入)”; 非单一精确度显示:“精确度等级:xxxxx ~ xxxxx” 错误…

    2025年12月21日 好文分享
    000
  • HTML中弹性布局(Flex)的介绍(附代码)

    这篇文章给大家分享的内容是关于html中弹性布局的内容,有需要的朋友可以参考一下,希望可以帮助到大家。 一、Flex布局是什么? Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。 二、基本概念 采用Flex布局的元素,…

    2025年12月21日
    000
  • HTML有哪些标签?html常用标签大全

    html中标签有很多,每一种标签都有着不同的用处,下面这篇文章创想鸟给大家总结html常用的标签,每一种标签都会跟随一个例子,话不多说,让我们来看看具体内容。 字体标签,用于展示效果中修饰文字样式 文字 size:控制字体大小.最小1 ~ 最大7。 如果设置范围不在1~7之间,设置无效 color:…

    2025年12月21日 好文分享
    000
  • frameset框架怎么用?frameset框架属性的使用

    本篇文章给大家带来的内容是关于frameset框架怎么用?frameset框架属性的使用,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 frameset是html中的框架标签,用来定义多个框架的集合,每个框架都具有独立的文档。 frameset时使用注意两点: ①不能在body中使…

    2025年12月21日
    000
  • HTML中列表、表格和媒体元素的介绍

    这篇文章给大家介绍的文章内容是关于html中列表、表格和媒体元素的介绍,有很好的参考价值,希望可以帮助到有需要的朋友。 列表:有三种,有序列表,无序列表,定义列表1.有序列表:列表项: 要显示的内容写在li里面,不要写在li的外面有序列表在每个列表项前面都有排序,排序方式可以通过在ol标签中设置ty…

    好文分享 2025年12月21日
    000
  • 前端进行文件上传的各种方法总结(代码)

    这篇文章给大家介绍的文章内容是关于前端进行文件上传的各种方法总结(代码),有很好的参考价值,希望可以帮助到有需要的朋友。 一、通过Form表单提交上传 HTML  enctype属性必不可少 上面一种方法通过表单自有属性进行提交,看似简单,但是也有其最大的缺点,那就是提交完毕之后直接进行了跳转,这对…

    好文分享 2025年12月21日
    000
  • 浅析HTML Table表格的使用方法

    这篇文章给大家介绍的文章内容是关于浅析html table表格的使用方法,有很好的参考价值,希望可以帮助到有需要的朋友。 定义和用法 table标签定义 HTML 表格。 创建表格的四要素:table、tr、th、td 整个表格以 标记开始、标记结束。 Table row。表格的一行,有几对 tr …

    2025年12月21日
    000
  • HTML5有哪些新特性和新标签?分享HTML5 JS新特性

    自从有了h5后,大家都只记得html5了吧,html4是不是都被遗忘了,确实,html5功能强大,用途也多,对web来说意义非凡,他可以把目前web上存在的各种问题一并解决掉,所以本文将会详细介绍html5 的新特性。apache php mysql begin! 一、HTML5与HTML4 1.1…

    2025年12月21日 好文分享
    000
  • HTML+CSS和DIV如何实现排版布局

    这篇文章主要介绍了关于html+css和div如何实现排版布局,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 HTML CSS + div实现排版布局 1.网页可以看成是由一个一个“盒子”组成,如图: 由上图可以看出,页面分为上(网站导航)、中、下(版权声明)三个部分,中间部分又分为…

    2025年12月21日 好文分享
    000
  • html学习中的几个重点总结

    关于html的重点总结块元素、行内元素、行内块状元素html可以将元素分类方式分为行内元素、块状元素和行内块状元素三种 使用display属性能够将三者任意转换 块状元素自动换行 转换方法    (1)display:inline;转换为行内元素    (2)display:block;转换为块状元…

    好文分享 2025年12月21日
    000
  • 对响应式web设计的方法实现

    这篇文章分享给大家的内容是关于响应式web设计的方法实现,内容很有参考价值,希望可以帮到有需要的小伙伴。 媒体查询的用法 media 媒体查询包含一个可选的媒体类型和,满足CSS3规范的条件下,包含零个或多个表达式,这些表达式描述了媒体特征,最终会被解析为true或false。如果媒体查询中指定的媒…

    2025年12月21日 好文分享
    000
  • html文本标签

    文本的重要性:文本是页面中最主要的内容,也是唯一可以被搜索引擎识别的内容,所以特别重要  1. ~ 刚才学过的标题就是一个文本标签 2.标题标签默认为加粗显示,编号越大,字体就越小,编号与大小成反比,要注意 3.经常与标题标签配对使用还有一个水平分隔线标签 ,它是一个单标签 标签,用来描述页面中的段…

    好文分享 2025年12月21日
    000

发表回复

登录后才能评论
关注微信