- 網頁設計與網站建設完全實戰手冊
- 劉貴國
- 665字
- 2021-03-19 18:34:53
9.1 表單概述
表單網頁是一個網站和訪問者開展互動的窗口,表單可以用來在網頁中發送數據,特別是經常被用在聯系表單上,用戶輸入信息后發送到E-mail中。
9.1.1 關于表單
表單是由窗體和控件組成的,一個表單一般應該包含用戶填寫信息的輸入框、提交和按鈕等,這些輸入框和按鈕稱為控件,表單很像容器,它能夠容納各種各樣的控件。
一個完整的表單設計應該很明確地分為兩個部分:表單對象部分和應用程序部分,它們分別由網頁設計師和程序設計師來設計完成。其過程是這樣的,首先由網頁設計師制作出一個可以讓瀏覽者輸入各項資料的表單頁面,這部分屬于在顯示器上可以看得到的內容,此時的表單只是一個外殼而已,不具有真正工作的能力,需要后臺程序的支持。接著由程序設計師通過ASP或者CGI程序,來編寫處理各項表單資料和反饋信息等操作所需的程序,這部分內容瀏覽者雖然看不見,但卻是表單處理的核心。
9.1.2 表單元素介紹
Dreamweaver作為一種可視化的網頁設計軟件,表單是不可缺少的一部分,本章介紹表單在頁面中的界面設計。
表單用<form></form>標記來創建,在<form></form>標記之間的部分都屬于表單的內容。<form>標記具有action、method和target屬性。
●action的值是處理程序的程序名,如<form action="URL">,如果這個屬性是空值(""),則當前文檔的URL將被使用,當用戶提交表單時,服務器將執行這個程序。
●method屬性用來定義處理程序從表單中獲得信息的方式,可取GET或POST中的一個。GET方式是處理程序從當前HTML文檔中獲取數據,這種方式傳送的數據量是有所限制的,一般限制在1KB(255個字節)以下。POST方式傳送的數據比較大,它是用當前的HTML文檔把數據傳送給處理程序,傳送的數據量要比GET方式大得多。
●target屬性用來指定目標窗口或目標幀。
- 24小時學會網站建設
- Pro/ENGINEER三維造型設計實例精解
- Vue.js從入門到項目實踐(超值版)
- 網頁設計與制作(Dreamweaver CS6)
- HTML+CSS+JavaScript網頁制作案例教程(第2版)
- 全能網頁設計師精煉手冊
- 動態網頁設計(第2版)
- Photoshop網頁設計從入門到精通
- Photoshop熱門手機APP與網頁游戲界面設計從入門到精通
- 秩序之美:網頁中的網格設計
- Web程序設計
- H5頁面設計與制作(全彩慕課版)
- 網頁設計與開發
- 水晶石技法Photoshop商業網頁設計
- 新編網站設計與網頁制作(Dreamweaver CC + Photoshop CC + Flash CC版)從入門到精通