屬性與事件

1. 屬性： ACCESSKEY, ALIGN, HSPACE, TABINDEX, TARGET, VSPACE, 顏色
2. 事件： ONBLUR, ONFOCUS

屬性

屬性說明
通用屬性 請參考通用屬性的說明
ACCESSKEY 設定元件對應鍵盤上的一個快速鍵，可利用快速鍵選取對應的元件。 <input accesskey='m' value='按鍵盤的 alt + shift + m 鍵'> Firefox 瀏覽器的快速鍵用法是 alt + shift + 'm'。Internet Explorer, Safari, chrome 三個瀏覽器，則可用 alt + 'm'，也可用 alt + shift + 'm'。
ALIGN 指定元件與四周對齊的方法。可設為： top：指定物件的頂部，要對齊現行的基準線。 middle：指定物件的垂直中央，要對齊現行的基準線。 bottom：此為 ALIGN 的內定值。指定物件的底部，要對齊現行的基準線。 left：物件向現行的左邊緣靠攏，後續的文字由物件的右邊通過。 right：物件向現行的右邊緣靠攏，後續的文字由物件的左邊通過。 hello <iframe src="http://ant4html.blogspot.com/2008/11/head.html" width="200" height="300" scrolling="no" align=middle> </iframe> world <iframe src="http://ant4html.blogspot.com/2008/11/html.html" width="200" height="300" align=right> </iframe>
HSPACE 用在 IMG, APPLET, OBJECT，指定前述元件的顯示區域外，左右兩邊的空白寬度。數值單位為像素。
TABINDEX 使用 TAB 鍵選取元件時，可用 TABINDEX 決定選取的順序。按 TAB 鍵時，向前選取；按 shift + TAB 時，向後選取。TABINDEX 可設定值 0 至 32767，數值小的先選取。設為負值時，該元件不能用 TAB 選取。 <input tabindex=1 value='第一個'><br /> <input tabindex=2 value='第二個'><br /> <input tabindex=3 value='第三個'>
TARGET 指定框架（frame）名稱，將超連接網頁展現於其中。如果指定的框架名稱不存在，則網頁會展現在一個新的視窗中。也可設定為系統內定的名稱： _blank：開一個新的視窗，然後將連結的網頁，展現在新的視窗。 _self：將連結的網頁，展現在當下的框架中。 _parent：將連結的網頁，展現在父框架組（frameset）中。 _top：將連結的網頁，展現在無框架的視窗中。 <a href= "http://ant4html.blogspot.com/2008/10/html.html" target='_blank'>顯示在新視窗</a>
TYPE 內容的型態，又稱 MIME 媒體型態。例如 text/html, image/jpeg, audio/mpeg, text/css, text/javascript 等等。請參考 MIME 媒體型態。
VSPACE 用在 IMG, APPLET, OBJECT，指定前述元件的顯示區域外，上下兩邊的空白寬度。數值單位為像素。
顏色 元件的屬性要設定顏色時，顏色的表示法有： 16 個顏色的英文名稱：    Black（#000000）    Silver（#C0C0C0）    Gray（#808080）    White（#FFFFFF）    Maroon（#800000）    Red（#FF0000）    Purple（#800080）    Fuchsia（#FF00FF）    Green（#008000）    Lime（#00FF00）    Olive（#808000）    Yellow（#FFFF00）    Navy（#000080）    Blue（#0000FF）    Teal（#008080）    Aqua（#00FFFF） 十六進位數值：數值 #RRGGBB，以 # 為前導，每一個顏色兩位數（00 - FF）。RR 代表紅色（red），GG 代表綠色（green），BB 代表藍色（blue）。 建議用風格表設定顏色。使用顏色時要考慮色盲的用戶。設定的顏色，在不同的螢幕，可能會有不同的效果。

事件

屬性說明
ONBLUR 當用戶點選其它元件，而本元件喪失注目的焦點，此時可用 onblur 啟動 javascript 程序。 請先點選珍妮，再點選瑪莉。<br /> <input value='珍妮' onblur="alert('珍妮說：你喜歡瑪莉。')"> <input value='瑪莉'>
ONFOCUS 當用戶點選本元件，而本元件得到焦點時，可用 onfocus 啟動 javascript 程序。。 請先點選珍妮，再點選瑪莉。<br /> <input value='珍妮'> <input value='瑪莉' onfocus="alert('瑪莉說：滾開。');this.blur();">