WEBTECH 網頁設計教學站
HTML iframe 用來設定嵌入框架的應用,首先解釋一下什麼是 HTML 框架,簡單來說,框架可以想像為一個櫥窗,裡面可以放很多的東西,這個櫥窗就像是一個網頁的主體,裡面放的東西可稱為內置框架,這個概念應該蠻容易了解的,那假設我們現在要在一個沒有框架的網頁內某個區塊,採用框架 ...... 詳細閱讀
送出表單按鈕語法的關鍵在『input type="submit"』這裡,與之前介紹的普通按鈕有所差異(參閱:顯示表單按鈕 button),設計師要怎麼分辨 submit 以及 button 的使用時機呢?很簡單,送出表單按鈕顧名思義就是用來將表單資料送出的功能,所以當網友填寫完表 ...... 詳細閱讀
HTML 的按鈕有分為顯示用的以及送出表單用的,本篇介紹的是顯示用的按鈕,語法重點在於『input='button'』這個部分,這樣的表單可以加入一些美化或是 JavaScript 的語法,來設計互動特效,雖然無法用來送出表單,但還是有他存在的必要,尤其透過 button 搭配上 ...... 詳細閱讀
HTML 表單有一個隱藏欄位是 input type=hidden,隱藏欄位的功能是用來儲存一些表單資訊,而不想要直接顯示在表單上,例如一些特定的參數、填寫時間戳記、登入記錄 ... 等,有許多種的應用都可以使用隱藏欄位來記錄,隱藏欄位的值(value)也會傳遞給後端的程式,每一 ...... 詳細閱讀
表單文字輸入欄位 textarea 與 input type= text 都是文字輸入欄位,但呈現樣貌並不相同,最大的差別在於 textarea 是多行的文字輸入欄位,也就是 textare 的內容可以分段落、換行,當內容的量超過 textarea 的範圍時,會自動出現 slid ...... 詳細閱讀
表單核取方塊 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 文字輸 ...... 詳細閱讀

連絡我們