Html的表單基礎知識

2021-03-31 16:38:00 字數 4368 閱讀 8490

html的表單基礎知識

組成cgi程式的是兩部分,一部分是html頁面,就是使用者看到的東西。另一部分則是執行在

伺服器上的程式。一般來說,我們先些html頁面,再些程式。所以我們的學習頁是這樣,先看看表單的寫法,再去學習cgi程式。

對於html的表單,有比較複雜和詳細的規定。但由於它們是屬於html標準裡的東西,所以我不打算詳細講解。最好是你自己找本書看看。

html表單

標記把輸入域組合起來,並且說明了表單提交的方式 和地點.form標籤有許多屬性,比如name等等.具體的屬性,將在使用的時候說明.

在form裡還有許多不同的標籤,正是它們組成了表單的各種成分.

該語句在html裡產生乙個文字標籤,裡表示該屬性是可選的.

該語句產生乙個提交按鍵,用於表單的提交.它提供乙個傳送表單的按紐,資訊發向

用法:      建立乙個包含有能讓使用者輸入資料的控制項的表單

開始/結束標識: 必須/必須

屬性:      %coreattrs,%i18n,%events

action="..."接收資料的伺服器的url

method="..."http的方法(get, post)。其中get是被反對使用的

enctype="..."指定mime(inter*****型別)

οnsubmit="..."當提交表單時發生的內部事件

noreset="..."在重新設定表單時發生的內部事件

target="..."決定把內容顯示在什麼地方(_blank, _parent, _self, _top)

accept_charset="..."編碼字元的列表

空:       不允許

用法:      定義用在表單中的控制項

開始/結束標識: 必須/非法

屬性:      %coreattrs,%i18n,%events

type="..."用於輸入控制項的型別(text,password,checkbox,radio,submit,reset,file,hidden,image,button)

name="..."控制項的控制名(要求是除了submit和reset之外的任何名字)

value="..."控制項的初始值

checked="..."把乙個單選鈕設定為選中的狀態

disabled="..."把控制項的狀態設定為不能使用

readonly="..."只對輸入密碼的文字框使用

size="..."表示以畫素為單位的除了文字框和密碼框控制項之外的其它控制項的寬度,它是用來指定字元的數目

maxlength="..."指定可以輸入的最多的字元數目

src="..."乙個影象控制項的url

alt="..."另外一種文字描述

usemap="..."到客戶端圖形映象的url

align="..."被反對。控制對齊方式(left, center, right, justify)

tabindex="..."通過定義的tabindex值確定在不同元素之間獲得焦點的順序

οnfοcus="..."當元素獲得焦點時發生的事件

οnblur="..."當元素失去焦點時發生的事件

οnselect="..."當元素被選中時發生的事件

onchang="..."當元素狀態被改變時發生的事件

accept="..."允許上載的檔案型別

空:       允許

用法:      提示使用者輸入

開始/結束標識: 必須/非法

屬性:      %coreattrs,%i18n

prompt="..."為輸入域提供乙個提示條

空:       允許

注釋:      被反對使用

...用法:      為乙個控制項提供標籤

開始/結束標識: 必須/必須

屬性:      %coreattrs,%i18n,%events

for="..."把乙個標籤與乙個定義過的控制項聯絡起來

disabled="..."把控制項的狀態設定為不能使用

accesskey="..."為該元素指定乙個熱鍵

οnfοcus="..."當元素獲得焦點時發生的事件

οnblur="..."當元素失去焦點時發生的事件

空:       不允許

...用法:      為fieldset元素指定一標題

開始/結束標識: 必須/必須

屬性:      %coreattrs,%i18n,%events

align="..."被反對。控制對齊方式(left, center, right, justify)

accesskey="..."為該元素指定乙個熱鍵

空:       不允許

...用法:      在select元素中設定乙個選項

開始/結束標識: 必須/可選

屬性:      %coreattrs,%i18n,%events

selected="..."指定該選項是否被選中

disabled="..."把控制項的狀態設定為不能使用

value="..."如果乙個控制項被提交,設定這個提交的值

空:       不允許

...用法:      為使用者做選擇建立各個選項

開始/結束標識: 必須/必須

屬性:      %coreattrs,%i18n,%events

name="..."按鈕的控制名

size="..."許多列組合到一起的寬度

multiple允許同時選擇多列內容

disabled="..."把控制項的狀態設定為不能使用

tabindex="..."通過定義的tabindex值確定在不同元素之間獲得焦點的順序

οnfοcus="..."當元素獲得焦點時發生的事件

οnblur="..."當元素失去焦點時發生的事件

οnselect="..."當元素被選中時發生的事件

onchang="..."當元素狀態被改變時發生的事件

空:       不允許

用法:      建立乙個允許使用者多行輸入的區域

開始/結束標識: 必須/必須

屬性:      %coreattrs,%i18n,%events

name="..."按鈕的控制名

rows="..."各個行的寬度

cols="..."各個列的高度

disabled="..."把控制項的狀態設定為不能使用

readonly="..."只對輸入密碼的文字框使用

tabindex="..."通過定義的tabindex值確定在不同元素之間獲得焦點的順序

οnfοcus="..."當元素獲得焦點時發生的事件

οnblur="..."當元素失去焦點時發生的事件

οnselect="..."當元素被選中時發生的事件

onchang="..."當元素狀態被改變時發生的事件

空:       不允許

注釋:      用於表示顯示出來的文字內容

建立html查詢表單

建立html查詢表單

建立動態引數的最常用的方法是使用作為使用者介面的表單(form)。你可以在表單中包含文字框,選擇框,單選按鈕,多選按鈕等,供使用者用來輸入資訊。表單很容易建立,並可提供許多靈活的資料輸入選項。表單提交時,form變數會自動被建立,你可以利用這些變數執行對資料來源的查詢。

除了html表單,你還可以用coldfusion的cfform標籤建立表單。關於這方面的詳細內容後文有述。

例子:查詢表單

下面的例子是乙個簡單的查詢表單:

例子:動態sql

下面的檔案searchform.cfm建立了乙個查詢表單:

the search for #form.lastname# in

the #form.department#

returned these results:

#firstname# #lastname# (phone: #phonenumber#)

thank you for searching the employee database!

模式匹配查詢

當你允許使用者輸入文字作為查詢條件的一部分時,你通常不想查詢與輸入完全匹配的值,你通常需要查詢與輸入文字類似的值。在這種情況下,可以使用模式匹配查詢。要實現模式匹配查詢,可以將乙個或多個萬用字元(在odbc中用「%」表示)與like運算子結合使用。

例如,讓使用者填充乙個名為「lastname」的form欄位,查詢一員工資訊,可以用如下語法:

select *

from employees

where lastname like 『#lastname#%』

這個查詢返回每個其名字以使用者輸入值開頭的員工的資訊。例如,若輸入「jon」,返回的記錄可能有」jones」和」jonson」。

HTML表單(基礎知識)

主題legend 外邊框 頭部標籤fieldset 尾部標籤 表單結構 屬性 name,method,action 值 string字串,給這個表單命名 get post表單的傳輸方式 url路徑傳輸目標 文本欄 type text 密碼欄 type password 隱藏欄 type hidden...

HTML表單基礎知識

表單的作用 用來收集使用者的資訊的 1 表單框 name 表單名稱 method post get action form 說明 get是用來從伺服器上獲得資料,而post是用來向伺服器上傳遞資料。出於安全性考慮,建議最好使用 post 提交資料 2 表單控制項 type type name val...

HTML表單基礎知識

元素定義html表單 action屬性定義在提交表單時執行的動作 method屬性規定在提交表單時所用的http方法 get或post name屬性 如果要正確地被提交,每個輸入字段必須設定乙個name屬性 屬性描述 accept charset 規定在被提交表單中使用的字符集 預設 頁面字符集 a...