HTML表單處理(一)

2021-06-01 13:43:23 字數 1829 閱讀 4392

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...