網(wǎng)站建設(shè)是指使用標(biāo)識(shí)語言（markup language)，通過一系列設(shè)計(jì)、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡(jiǎn)單來說，網(wǎng)頁設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡(jiǎn)單的信息如文字，圖片（GIF，JPEG，PNG）和表格，都可以通過使超文件標(biāo)示語言、可擴(kuò)展超文本標(biāo)記語言等標(biāo)示語言放置到網(wǎng)站頁面上。    在制作表單的時(shí)候，我們往往用CSS來重新定義表單元素（如輸入框、按鈕等）的樣式，以便看起來更加美觀。而表單中的很多不同元素（如輸入框、提交按鈕、單選框）使用的是一個(gè)標(biāo)記－－Input，這就意味著，我們?cè)贑SS中無法通過只定義Input標(biāo)記來達(dá)到我們分別定義樣式的目的。一般的做法是定義幾種Class，在寫表單的時(shí)候，不同的元素使用不同的Class。但是在表單較多的時(shí)候，這仍顯得不是很方便。

　　那么，有沒有更省力的辦法呢？答案是肯定的，一個(gè)簡(jiǎn)單的HTC就可以解決這個(gè)問題。

　　實(shí)例如下：

　　htc代碼：

＜script language=javascript＞
switch(type)
{
　　case 'text':
　　case 'password': //文本輸入框和密碼輸入框的樣式
　　　style.border="1px solid #000000";
　　　style.backgroundColor="#FFFFFF";
　　　style.height="18px";
　　　style.font="normal 12px 宋體";
　　　style.color="#000000";
　　　break;

　　case 'submit':
　　case 'reset':
　　case 'button': //按鈕類的樣式（不包括圖片按鈕）
　　　style.border="1px solid #000000";
　　　style.backgroundColor="#CCCCCC";
　　　style.height="18px";
　　　style.font="normal 12px 宋體";
　　　style.color="#000000";
　　　break;

　　default: ;　//對(duì)于象單選框多選框等上面沒有出現(xiàn)過的元素，我們使用默認(rèn)樣式。
}
＜/script＞

　　把上面這段代碼保存成一個(gè)HTC文件，比如保存成input.htc。

　　簡(jiǎn)單分析一下代碼：事實(shí)上這僅僅是一段JS，通過判斷type（Input是通過type屬性判斷是哪種表單域的，注意這里switch語句的使用）來決定使用什么樣式。是不是很簡(jiǎn)單？

　　HTC文件寫好之后，接下來我們要用CSS的行為（behavior）來調(diào)用這個(gè)HTC文件，調(diào)用的CSS語句如下：

　　input { behavior:url('input.htc') } /*這里假設(shè)input.htc與網(wǎng)頁在同一目錄下*/

　　我們看到，現(xiàn)在我們是定義了整個(gè)Input標(biāo)記的樣式，而具體什么表單元素使用什么樣式，則是通過JS在HTC文件中判斷并定義的。

　　　怎么樣，我們是不是已經(jīng)通過這樣一個(gè)簡(jiǎn)單的實(shí)例初步領(lǐng)略到了HTC的魅力呢？