<form id="hz9zz"></form>
    • <form id="hz9zz"></form>
    

      

      <nobr id="hz9zz"></nobr>
      <form id="hz9zz"></form>
      3.   
          
      明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！
                   
        
                           
        
                        		  
        
                 
              
                
      HTML中<input>標簽的class屬性的值及其使用方法總結
                
                  發表時間：2023-09-03             來源：明輝站整理相關軟件相關文章人氣：          
              
      [摘要]本篇文章主要為大家介紹了關于HTML中input標簽的class屬性的具體作用，都有實例證明，還有input標簽的class屬性和屬性值的使用方法解釋，最后一點是關于class屬性的一個其它用法實例。首先呢，我們來說說HTML中input標簽的class屬性的作用：input標簽的class屬性是...
      本篇文章主要為大家介紹了關于HTML中input標簽的class屬性的具體作用，都有實例證明，還有input標簽的class屬性和屬性值的使用方法解釋，最后一點是關于class屬性的一個其它用法實例。
      首先呢，我們來說說HTML中input標簽的class屬性的作用：
      input標簽的class屬性是用來引用你頁面的類樣式。
      即你先在<style type="text/css"></style>標簽內定義一個類樣式，然后再來引用它。
      像這樣：
      <style type="text/css">
.btn{
color:red;
}
</style>
<input type="button" class="btn" />
      頁面的效果就不顯示了，反正就是把這個按鈕上的文字顏色是紅色了。有興趣的可以自己動手試試。
      下面說說具體的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 屬性實例：
      <html>
<head>
<style type="text/css">
h1.intro {color:blue;}
p.important {color:green;}
</style>
</head>
<body>
<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph.</p>
</body>
</html>
      這里是注釋：
      class 屬性不能在以下 HTML 元素中使用：base, head, html, meta, param, script, style 以及 title。
      可以給 HTML 元素賦予多個 class，例如：<span class="left_menu important">。這么做可以把若干個 CSS 類合并到一個 HTML 元素。
      類名不能以數字開頭！只有 Internet Explorer 支持這種做法。
      【相關推薦】
      HTML中head標簽是什么意思？一篇文章教你正確地使用head標簽
      html表格中的th表頭內容怎么居中？th表頭標簽align屬性的具體介紹
      以上就是HTML中<input>標簽的class屬性的值及其使用方法總結的詳細內容，更多請關注php中文網其它相關文章！
      				
				
      網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




              
              
                 
              
                                            
                              		       
                          
                           		  
        
                            
      
日韩精品一区二区三区高清