91精品中文字幕一区二区三区,国产a级毛片一区,欧美成人黑人

當你看到input>這個html標簽的時候，你會想到什么？一個文本框？一個按鈕？一個單選框？一個復選框？……對，對，對，它們都對。也許你可能想不到，這個小小的input竟然可以創造出10個不同的東西，下面是個列表，看看，哪些是你沒有想到的：
input type="text" /> 文本框
input type="password" /> 密碼框
input type="submit" /> 提交按鈕
input type="reset" /> 重置按鈕
input type="radio" /> 單選框
input type="checkbox" /> 復選框
input type="button" /> 普通按鈕
input type="file" /> 文件選擇控件
input type="hidden" /> 隱藏框
input type="image" /> 圖片按鈕
所以你可能會說，input真是一個偉大的東西，竟然這么有“搞頭”，但是當你真正在項目中試圖給不同的控件設置不同的樣式時，你就會發現，input真的可以把“你的頭搞大”。我不知道為什么當初要給input賦予那么多身份，但是，他的“N重身份”給網站設計者的確帶來了不少的麻煩。好在，勞動人民是偉大的，解決問題的辦法還是有滴～，雖然它們都有各自致命的缺點 Orz… 解放方法大致歸納一下，列表如下（小弟才疏，錯誤遺漏難免，還請各位高人指點）：

1.用css的expression判斷表達式
2.用css中的type選擇器
3.用javascript腳本實現
4.如果你用Microsoft Visual Studio 2005 或者后續版本開發項目，恭喜，你還可以使用skin。

下面就來講解一下各個辦法的詳細實現和它們的優缺點。

1：用css的expression判斷表達式
實現代碼參考：

!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html xmlns="http://www.w3.org/1999/xhtml" >
head>
    title> diffInput2 /title>
    meta name="Author" content="JustinYoung"/>
    meta name="Keywords" content=""/>
    meta name="Description" content=""/>
    meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    style type="text/css">
    input
    {
    background-color:expression(this.type=="text"?'#FFC':'');
    }
    /style>
/head>

body>
dl>
dt>This is normal textbox:dd>input type="text" name="">
dt>This is normal button:dd>input type="button" value="i'm button">
/dl>
/body>
/html>

優點：簡單，輕量級
缺點：expression判斷表達式FireFox是不支持的。致命的是只能區分出一個（例如例子中就只能區分出text文本框），不要試圖設置多個，下面的會將上面的覆蓋掉 Orz…

1234下一頁閱讀全文

標簽：賀州混顯鶴壁萊蕪廣安邵陽滄州貴州

巨人網絡通訊聲明：本文標題《css樣式之區分input是按鈕還是文本框的方法第1/4頁》，本文關鍵詞 css,樣式,之,區分,input,是,；如發現本文內容存在版權問題，煩請提供相關信息告之我們，我們將及時溝通與處理。本站內容系統采集于網絡，涉及言論、版權與本站無關。

校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

css樣式之區分input是按鈕還是文本框的方法第1/4頁