html表單是html頁面與瀏覽器端實現互動的重要手段。
利用表單可以收集客戶端提交的有關資訊。
在html裡,我們可以定義表單,並且使表單與cgi或asp等伺服器端的表單處理程式配合。
我們在網頁設計課程中不會涉及程式編制。
html表單(f orm)是html的乙個重要部分,主要用於採集和提交使用者輸入的資訊。
舉個簡單的例子,乙個讓使用者輸入姓名的html表單(form)。示例**如下:
表單(form)的三個要點:
學習html表單(form)最關鍵要掌握的有三個要點:
表單控制項(form controls)
action
method
表單控制項(form controls ),通過html表單的各種控制項,使用者可以輸入文字資訊,或者從選項中選擇,以及做提交的操作。
比如上面的例句裡,input type= "text"就是乙個表單控制項,表示乙個單行輸入框。
action: 使用者填入表單的資訊總 是需要程式來進行處理,表單裡的action就指明了處理表單資訊的檔案。
比如上面例句裡的
method ,表示了傳送表單資訊的方式。
method有兩個值:get和post。
get的方式是將表單控制項的name/value資訊經過編碼之後,通過url傳送(你可以在位址列裡看到)。
而post則將表單的內容通過http傳送 ,你在位址列看不到表單的提交資訊 。那什麼時候用get,什麼時候用post呢?
一般是這樣來判斷的 ,如果只是為取得和顯示資料,用get;一旦涉及資料的儲存和更新,那麼建議用post。
html表單(form)常用控制項(controls)
html表單(form)常用控制項有:
input type="text" 單行文字輸入框
input type="submit" 將表單(form)裡的資訊提交給表單裡action所指向的檔案
input type="checkbox" 核取方塊
input type="radio" 單選框
select 下拉框
textarea 多行文字輸入框
input type="password" 密碼輸入框(輸入的文字用*表示)
表單控制項:單行文字輸入框
表單控制項(form control):單行文字輸入框 (input type="text")
單行文字輸入框允許使用者輸入一些簡短的單行資訊,比如使用者姓名。
例句如下:
表單控制項:核取方塊
表單控制項 (f orm control):核取方塊(input type="checkbox")
核取方塊允許使用者在一組選項裡,選擇多個。
示例**:
用checked表示預設已選的選項。
桔子
核取方塊示例**核取方塊示例**核取方塊示例**核取方塊示例**核取方塊示例**
表單控制項(form control):
單選框(input type="radio")
使用單選框,讓使用者在一組選項裡只能選擇乙個。
示例**:
用checked表示預設已選的選項。
桔子
單控制項:單選框
單選框示例**
處理HTML表單(11)
php和web表單 if isset post name 驗證表單資料 轉義shell引數 escapeshellarg 函式 str 文字 echo escapeshellarg str 將字串新增乙個雙引號 轉義shell元字元 escapeshellcmd 函式 str x0a xff esc...
HTML原有的表單及表單控制項 一
1 表單元素 元素用於生成輸入表單,該元素不會生成視覺化部分。mutipart form data 這種編碼方式會以二進位製流的方式來處理表單資料。text plain 當表單的action屬性值為mailto url 的形式時使用這種編碼方式較方便。2 使用input元素 1 使用label定義標...
html表單提交
用來收集資訊 form中的屬性 action 提交的路徑 method get post提交表單的方式 標籤type屬性的不同的值所表示的含義 text 文字框 value表示文字框中的值 readonly表示唯讀,可以寫readonly或true disable表示標籤不可用,可以寫disable...