亚洲免费乱码视频,日韩 欧美 国产 动漫 一区,97在线观看免费视频播国产,中文字幕亚洲图片

      1. <legend id="ppnor"></legend>

      2. 
        
        <sup id="ppnor"><input id="ppnor"></input></sup>
        <s id="ppnor"></s>

        詳解HTML的 標簽及其禁用方法

        字號:


            定義和用法
            <input> 標簽用于搜集用戶信息。
            根據(jù)不同的 type 屬性值,輸入字段擁有很多種形式。輸入字段可以是文本字段、復選框、掩碼后的文本控件、單選按鈕、按鈕等等。
            HTML 與 XHTML 之間的差異
            在 HTML 中,<input> 標簽沒有結(jié)束標簽。
            在 XHTML 中,<input> 標簽必須被正確地關(guān)閉。
            實例
            一個簡單的 HTML 表單,包含兩個文本輸入框和一個提交按鈕:
            XML/HTML Code
            1.<form action="form_action.asp" method="get">   
            2.  First name: <input type="text" name="fname" />   
            3.  Last name: <input type="text" name="lname" />   
            4.  <input type="submit" value="Submit" />   
            5.</form>   
            其中disabled 屬性規(guī)定應該禁用 input 元素。
            被禁用的 input 元素既不可用,也不可點擊??梢栽O置 disabled 屬性,直到滿足某些其他的條件為止(比如選擇了一個復選框等等)。然后,就需要通過 JavaScript 來刪除 disabled 值,將 input 元素的值切換為可用。
            名單
            以下三種寫法都可以禁用 input
            XML/HTML Code
            1.<input type="text" disabled="disabled" value="已禁用" />   
            2.<input type="text" disabled="disabled" value="已禁用" />   
            3.<input type="text" disabled="disabled" value="已禁用" />   
            被禁用的 input 默認顯示灰色,可以通過CSS修改樣式。注:IE9及以下無法改變字體顏色
            1. 利用CSS3 :disabled 偽元素定義
            CSS Code
            1.//Chrome Firefox Opera Safari    
            2.input:disabled{    
            3.    border: 1px solid #DDD;    
            4.    background-color: #F5F5F5;    
            5.    color:#ACA899;    
            6.}   
            2. 利用屬性選擇符定義
            CSS Code
            1.//IE6 failed    
            2.input[disabled]{    
            3.    border: 1px solid #DDD;    
            4.    background-color: #F5F5F5;    
            5.    color:#ACA899;    
            6.}   
            3. 利用class來定義,為要禁用的input增加一個class
            CSS Code
            1.input.disabled{    
            2.    border: 1px solid #DDD;    
            3.    background-color: #F5F5F5;    
            4.    color:#ACA899;    
            5.}   
            最終結(jié)果:
            CSS Code
            1.//Chrome Firefox Opera Safari IE9+    
            2.input:disabled{    
            3.    border: 1px solid #DDD;    
            4.    background-color: #F5F5F5;    
            5.    color:#ACA899;    
            6.}    
            7.//IE8-    
            8.input[disabled]{    
            9.    border: 1px solid #DDD;    
            10.    background-color: #F5F5F5;    
            11.    color:#ACA899;    
            12.}    
            13.//IE6 Using Javascript to add CSS class "disabled"   
            14.* html input.disabled{    
            15.    border: 1px solid #DDD;    
            16.    background-color: #F5F5F5;    
            17.    color:#ACA899;    
            18.}   
            注意:IE8 bug
            由于IE8 不識別 :disabled 導致input[disabled],input:disabled樣式失效,可以考慮單獨來寫,或者直接使用input[disabled]。;IE9及以下無法改變字體顏色。