文本輸入框不可編輯或下劃線效果

 文本輸入框不可編輯效果，即仍用文本框顯示資料但使用者一看此文本框就明白是不可編輯的

灰色效果

<input   type="text"   name="txt"   value="only   read"   readonly   style="background-color:#EAEAEA">

*注意readonly   隻讀   而disabled   無效，在submit的時候，disabled   不予送出

  顯示虛線邊框的文本框(IE5.5才可看到效果)  

  <INPUT   style="border-width:   1px,1px,1px,1px;border:   1px   dashed">    

  或    

  <input   style="BORDER-BOTTOM:   #000000   1px   dashed;   BORDER-LEFT:   #000000   1px   dashed;   BORDER-RIGHT:   #000000   1px   dashed;   BORDER-TOP:   #000000   1px   dashed">    

  邊框為實線的文本框  

  <INPUT   style="border-width:   1px,1px,1px,1px;border:   1px   solid"   VALUE="2001-3-18">    

  沒有邊框的的文本框  

  <INPUT   style="border-style:   none"   VALUE="2001-3-18">    

  隻有下劃線的文本框  

  <INPUT   style="border-color:   #3333FF   #FF3333   #000000   #FF33FF;   border-width:   0pt;   border-right-width:   0pt;   border-bottom-width:   1pt;   border-left-width:   0pt"     VALUE="2001-3-18">  

  下劃線為虛線的文本框(IE5.5以上浏覽器才可看到效果)  

      <INPUT   STYLE="BORDER-BOTTOM:   #000000   1px   dashed;   BORDER-LEFT:   0px;   BORDER-RIGHT:0px;   BORDER-TOP:0px"     VALUE="2001-3-18">  

  有背景圖檔的文本框  

  <INPUT   STYLE="background-image:   url(圖檔)"   VALUE="2001-3-18">