表單核取方塊 checkbox 呈現的是一種多選的模式,舉例來說,希望網友勾選他們的興趣,一次可以複選三種,或是購物清單需要哪幾種規格,一次勾選起來,都可以使用核取方塊來製作,與核取方塊的多選特性相對應的表單功能,有下拉選單 select option 以及選項按鈕 radio ......
詳細閱讀
HTML 表單選項按鈕 radio buttons 是一個單一選項的功能模組,效果與 表單下拉選單 select option 有點類似,但呈現結果是以許多不同的選項一次呈現,使用者僅能在眾多選項中挑選其中一個選項,優點是所有選項一目了然,缺點則是需要佔用較多的表單空間。表單選項 ......
詳細閱讀
HTML 表單有項功能爲下拉選單,即 select option 元素,像是網站提供給會員註冊或報名的表單,常常可以見到讓網友下拉選擇生日、居住縣市區,或是線上購物時,選購商品的規格,都可以使用 select option 來設計,優點是選項可以很多,而且可以節省表單版面空間。每 ......
詳細閱讀
製作 HTML 表單的登入頁面通常會有文字輸入欄位(input type= text)以及密碼輸入欄位(input type= password),這兩個欄位乍看之下相當類似,差別在於密碼輸入欄位在網友填寫密碼的時候,僅會顯示隱藏符號,各家瀏覽器的呈現方式有所差異,可能是黑點(● ......
詳細閱讀
文字輸入欄位 input type= text 是 HTML Form 的常用表單元素,顧名思義就是要讓網友填寫文字資料使用的欄位,例如網站會員註冊的會員名稱、電子郵件、會員帳號、地址、電話 ... 等,通常都是採用 input type= text 來設計,與 text 文字輸 ......
詳細閱讀
HTML form 是表功能,日常生活中在上網時,常常都會看得到表單的應用,只是可以各網站的表單可能以不同的型式出現而已,例如會員註冊、會員登入、購物車、活動報名表 ... 等,幾乎都是 HTML Form 網頁表單應用,甚至在臉書分享貼文或回別人的文,都是使用網頁表單的例子,既 ......
詳細閱讀
修改 HTML Table 表格內的文字大小與顏色最簡單的方法,就是透過 css 的 style 設定,我們可以一次修改整個表格內的文字大小與顏色,或者是分別對不同的欄位設計不同的顏色,以下範例分為 css 語法以及 HTML Table 程式碼的部分,組合起來就可以呈現。CSS ......
詳細閱讀
HTML Table 除了可以用來排版之外,當然也可以用來作一些資料呈現的表格,本篇提供幾種簡單的表格邊框樣式美化的範例,這些範例主要是透過 CSS 的 border-style 技巧呈現,有許多種不同的邊框樣式風格可以自己調整,例如實體線(solid)、虛線(dashed)、雙 ......
詳細閱讀
HTML Table 表格的邊框顏色是可以修改的,雖然設計表格邊框的方式有很多種,但本篇以基本的 CSS 語法來修改,優點是簡單又快速,幾乎所有的主流瀏覽器都支援、語法很短,可以自己修改其他顏色或是調整邊框的粗細,甚至要變更邊框的樣式都可以,以下就是這次修改 HTML 表格邊框顏 ......
詳細閱讀
從早期的 HTML 設計開始,表格的背景顏色就可以修改,隨著 HTML 版本的持續演進以及 CSS 的普及,也延伸出了 CSS 的修改網頁表格背景顏色的方式,本篇就以兩種不同的方法做簡單的範例,設計師可以根據自己當時的需求而決定要用哪一種方式去修改表格背景顏色,原則上目前主流的瀏 ......
詳細閱讀