2008/11/3

LABEL

用來設定輸入元件的標示(label),標示可是文字,或圖像。每一個標示只能指定一個輸入元件。用戶可以點擊標示,選擇輸入元件。

屬性說明
通用屬性

此元件可以使用通用屬性,請參考通用屬性的說明。


ACCESSKEY

請參考屬性與事件


ONBLUR
ONFOCUS

請參考屬性與事件


FOR

指定標示所代表的輸入元件。內存輸入元件的 ID。

  • 範例:

    <label for='my' accesskey='m'>我的電話:</label>
    <input id='my' size=20 value='請按 alt+shift+m'><br /><br />
    <label for='img' accesskey='k'>
    <img width='30px' height='30px' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEXecGreDjswocAY_ZZCI48qSK4ZgwSNCwfcbNhGwkn0xwZBFd7C6lUFMHWoQ__AlMAlYUWcGq5gJdCuzZXtmyDbz65lmvwH4NzhVSt817LGKUQAcEnkIPE6DHwsq6U9RBNTU_UajsHtk/s200/shape.jpg" />
    </label>
    <input id='img' size=20 value='點擊圖'><br>

  • 執行結果:




  • 範例實測:用滑鼠點擊圖像,IE 不會聚焦輸入行;Firefox, Safari, Chrome 會聚焦輸入行。


©2008-2009 by ant2legs, All Rights Reserved. ant2legs 擁有其製作的文章,圖片與程式的著作權,所有權利保留。