Html中,id、name、class、type的区别

<input type="text" name="name" id="name" class="txt">
在HTML中这里的name,id两个属性如果没有的话不影响显示效果,另外还有一个value属性,他们具体起个什么作用啊?

id 人的身份证一样,标签的唯一标识。只有一个标签跟这个id对应
name 人的名字一样 标签的名字,跟人一样可以有很多标签叫同一个名字。
value是text的文本值,就是显示在input里面的文字
class 是样式的名字。设置标签样式的时候用

【name】单独地在一个网页里面,一个控件是否设置它的 name 属性是不会影响到这个网页的功能实现的。但当我们需要把这个控件所关联的数据传递到数据库时,就必须要设置 name 属性,否则,这个值是没有办法传到服务器上面得到保存的。
【id】会用在JavaScript的编程里面,意思是一个文件通过id号"XX"得到……,即是可以在客户端获取id号为"XX"文本框。
【value】在后台如果你想得到复选框的内容 就是value 来取 。当你在接收表单数据的页面中获取数据时,得到的就是value的值 。

如上图,ID好比身份证的身份号码,每个人的身份证号码是不一样的,也是唯一的;name就好比身份证上的姓名,它只是一个代号,名字不会是唯一的;身份证上的性别、汉族和class这个属性很是相似,是一个类别的统称。


  简单一张身份证的图片应该就可以准确的区别出这三者的差异,下面我们来看看各自的用途:

  一、ID

  首先我们知道ID在一个网页里是唯一的,它在与后台联系时应用的比较多。以博主现阶段所学来说,ID还未进入我所学习掌握的领域。

  二、name

  相对于ID来说,name属性在已经学过的标签元素里出现的比较多,最为常出现在<input>和锚点里。

  1.<input>里的应用

<input type="radio" name="sex"/>男
<input type="radio" name="sex"/>女

  对于上面的代码,在选择性别时,我们需要出现的是单选,因而对两个input标签来说,需要命名成同一个名字才行。

  2.锚点 

<h3><a name="maodian"></a>标题</h3>
<a href="#maodian">跳转至标题</a>

  三、class

  与ID、name相比,class属于设置标签的种类,主要是用来设置CSS样式。就好比我们需要在一个上千万人口的城市中提取汉族人口,此时你的name将不会对此有所影响。

ref:

https://www.cnblogs.com/zmrAres/p/5005029.html

猜你喜欢

转载自www.cnblogs.com/bluestorm/p/9855621.html
今日推荐