HTML中<input>标签的class属性怎么用

这篇文章主要介绍HTML中标签的class属性怎么用，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

我们提供的服务有：成都做网站、网站制作、微信公众号开发、网站优化、网站认证、望江ssl等。为上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的望江网站制作公司

首先呢，我们来说说HTML中input标签的class属性的作用：

input标签的class属性是用来引用你页面的类样式。

即你先在标签内定义一个类样式，然后再来引用它。

像这样：

页面的效果就不显示了，反正就是把这个按钮上的文字颜色是红色了。有兴趣的可以自己动手试试。

下面说说具体的input标签的class属性和属性的值的使用方法解释：

classname属性。a标签中class属性，供添加样式用，相关概念有class及映射classname、classlist这3个。

一般来说，所有属性都可以object、object[""]及object.getAttribute("")来访问的，但因class属于JavaScript保留字，故将其映射为classname来供上述方案访问。所以标准浏览器都支持：a.classname和a["classname"]这2个办法的访问。

至于a.getattribute("class")还是a.getattribute("classname")则需看浏览器是否兼容这个方法的访问了。（待考：前者能在mozilla(firefox)和opera中正确运行，在IE和safari中则不能使用。后者能在IE和opera中正确运行，在mozilla(firefox)和safari中则不能使用。）

但DOM2级方法object.getattribute("")，用来获取标签内的自定义属性是没问题的，所以一个保守的做法是

classList属性。因为class属性的值可以包含若干个样式名，如class="top1 left",这个字符串性质的值经常需要我们操作，classname完成class的了映射，但操作class属性的值时却显得僵硬的很。怎么办，HTML5 新增API之classlist能解决这个问题。

classlist属性又是对classname的一个改进，就像我们见到的arguments属性、childnode属性一样，可以理解为一个类数组对象。（仍然待考哈）

classlist带来了一些操作方法和属性：add( ), remove( ),toggle( ),contains( )等及length。

可以用a.classList或者a["classList"]办法访问，a.getAttribute("classList")仍然存在浏览器兼容问题。

class属性除了在用于input标签里面，还有其他的方向，比如下面这个：

在 HTML 文档中使用 class 属性实例：

Header 1
A paragraph.
Note that this is an important paragraph.

这里是注释：

class 属性不能在以下 HTML 元素中使用：base, head, html, meta, param, script, style 以及 title。

可以给 HTML 元素赋予多个 class，例如：。这么做可以把若干个 CSS 类合并到一个 HTML 元素。

类名不能以数字开头！只有 Internet Explorer 支持这种做法。

以上是“HTML中标签的class属性怎么用”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！