分類:html / css

正確的驗證 email 地址!

2

如何在輸入者輸入一個電子郵件地址之後,確定其輸入的是正確合法的電子郵件。

在 html5 的年代,有一個簡單的方法就是使用 <input type=”email” /> 這樣簡潔有力的做法交給瀏覽器去驗證。
不過有一個問題,就是曾是萬惡的 IE瀏覽器,在過去的版本,目前還不少人使用的 IE8 當中並不支援這樣的做法。所以只好改由 javascript 來驗證。
不過回到了後端都還要再行驗證一次,因為使用者輸入的東西是不可信任的。(這是安全性的原則,而非不信任各位訪客。)
(繼續閱讀…)

背景圖片定位的問題

0

真是沒有想到!竟然讓我發現了一個 IE9 優於 Google Chrome 的地方。
別再看到 IE 就認為微軟發展的瀏覽器是在阻止網頁設計師使用新技巧的東西了。
今天竟然是使用同樣的 CSS 設定,在 Google Chrome 看到的效果與 IE9 Firefox 14 都不一樣。而且根據該語法的解釋,是 Google Chrome 不支援這項於 CSS3 中增加設定法。

出問題的語法為 background-position ,其用途為定位背景圖片。

(繼續閱讀…)

CSS 的動態欄寬配置

8

如果你使用的螢幕顯示寬度超過 1024px 的人,在逛本網站的時候,可能會發現我的寬度是可動的。
只是這可動的寬度變化只有主區塊的部分,也就是顯示文章內容的部分。而側邊欄位就是乖乖的固定在某一個寬度下不會動。這樣可以彈性的隨螢幕的大小而變更寬度,讓文章區塊不會過小而顯得浪費板面。而側邊欄位,因為主要是一些圖片或簡易的訊息,所以固定寬度才不會顯得空蕩蕩的沒有內容。

(繼續閱讀…)