2013年9月27日 星期五

HTML 元素內容太多造成顯示不正確

在Html中我們常常會在元素中顯示文字,可是如果我們限制了這個元素的長和寬,
而且字數內容又很多已經超過版面的話,就會造成顯示不正確的問題,
在HTML中我們可以在標籤<head>中添加一些meta資訊,以下的程式碼會介紹一些簡單的meta data之使用方式:

使用HTML5播放影片

在Html5中,開始支援了<video>元素,讓開發者能方便的將影片直接在Html中播放,
每個瀏覽器呈現的方式不太一樣(不過介面都有點陽春就是了...),如下段程式碼:

2013年9月26日 星期四

HTML輸入欄位提示字串資訊 (Form list)

在Html的form表單中,我們常常會使用<input type="text">來讓使用者輸入資料,
若想要使用者點擊欄位就出現曾經輸入過的資訊可以透過 autocomplete 這個屬性的 on/off來控制,而若是開發者想要自訂提示資訊可以透過datalist來達成,如下面程式碼:

2013年9月25日 星期三

HTML滑鼠游標大全

我們有時候可能希望當使用者滑鼠游標移到某張圖片或是某個元素時會有不同的游標圖示,
這時候就可透過cursor這個屬性來設定游標的圖示,我挑了幾個比較常用到的游標圖示,如以下的程式碼: