- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 6Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 7Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
- 11AMD推土機架構回顧：雖隕落卻是Zen成功的墊腳石
- 12XP系統怎么清除緩存？
[摘要]本篇文章主要為大家介紹了關于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中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
最新教程 本月人氣
- 1騰訊視頻會員免費領取（2017年3月17日更新）
- 2愛奇藝如何截圖？
- 3愛奇藝會員如何開通？愛奇藝會員開通方法
- 4愛奇藝設置離線觀看任務數圖文說明教程
- 5愛奇藝如何關閉相關技巧節省內存？
- 6夜色快憣使用方法說明
- 7用影音先鋒時要如何截圖呢？
- 8如何給千千靜聽安裝皮膚？
- 9騰訊視頻會員賬號免費分享（2017.3.27）
- 10如何在騰訊tgp游戲平臺中添加本地游戲？
- 11影音先鋒如何播放種子？影音先鋒播放BT種子圖文說明教程
- 12嗶哩嗶哩調倍速的攻略
- 1支付寶不能交水電費了嗎 支付寶為什么不能交水電費了
- 2人人車怎么收費 人人車收費規范
- 3企業微信怎么登陸 微信企業版賬號登錄方法流程
- 43星版iphone6s與臺積電版iphone6s續航哪一個好
- 5華為pay與微信支付哪一個好 微信支付與huawei pay比較區別
- 6眼萌app怎么色弱測試 眼萌app色弱測試圖文說明教程
- 7微信掃描二維碼沒反應怎么辦？微信掃描二維碼不能下載處理方法
- 8美圖看看“穿透文件夾”技巧一鍵直達深層圖片
- 9小猿搜題與作業幫哪一個好 作業幫與小猿搜題比較評測
- 10平板電腦wifi無線網絡設置圖文說明教程【圖文詳細說明】
- 11美團支付是什么 美團支付怎么用
- 12iPad Apple store下載速度太慢：更改DNS為你的Apple store加速
相關文章
- HTML中head標簽是什么意思？一篇文章教你正確地使用head標簽
- HTML ul標簽的什么意思？HTML ul標簽的作用詳細說明
- 如何給html中的pre標簽中的文字換行？html pre標簽的使用案例
- HTML中的base標簽如何寫相對路徑？（內附使用說明）
- HTML img標簽的src屬性的用法是什么？具體使用方法解析（內附案例）
- HTML meta標簽的作用是什么？html meta標簽的使用方法說明
- html base標簽如何用？base標簽的使用方法（附案例）
- html如何嵌套頁面？<iframe>標簽告訴你答案
- HTML img標簽的alt屬性是什么意思？HTML img標簽的alt屬性詳細說明
- HTML img標簽的絕對路徑如何寫？HTML img標簽絕對路徑的使用方法
- html h1標簽如何居中？有對于html中的h1居中案例解析
- HTML中如何設置h1的字體樣式你知道嗎？對于設置h1標簽的樣式詳細說明
