HTML之互動式表單

2021-08-13 06:40:52 字數 1986 閱讀 7081

首先來了解一下瀏覽器提交表單與伺服器的互動過程,如下圖所示:

(1)使用

method:用於指定向伺服器傳送表單資料時所使用的http方法,可以使get或post兩種方法中的一種,get是預設的方法。當採用get方法提交表單時,提交的資料被附加到url的末端,作為url的一部分傳送到伺服器端。而post方法是將表單中的資訊作為乙個資料塊傳送到伺服器端。在提交表單時,如果資料量較小,又沒有安全方面的考慮,那麼我們可以採用get方法,反之,如果資料量較大,又有安全方面的考慮,我們就採用post方法。

get情況下獲取變數的值,形式舉例如下:

string username = request.querystring["txtusername"].tostring();

post情況下獲取變數的值,形式舉例如下:

string username = request["txtusername"].tostring();

或者string username = request.form.get("txtusername").tostring();

action:指定對表單進行處理的指令碼的位址。也就是說,表單提交到伺服器後,交由誰來處理,在action屬性中指定處理者的url。

(2)元素:用於接受使用者輸入的資訊,是乙個帶有屬性的空元素,用來建立表單中的控制項,其語法如下:

type:指定要建立的控制項的型別。

1. 單行文字輸入控制項:type="text"

2. 提交按鈕:type="submit"

3. 重置按鈕:type="reset"

4. 口令輸入控制項:type="password"

5. 單選按鈕:type="radio"

6. 核取方塊:type="checkbox"

7.隱藏控制項:type="hidden"

name:指定控制項的名稱。處理表單的伺服器端指令碼可以獲得以名稱-值對所表示的表單資料,利用名稱,可以取出對應的值。

size:指定表單中控制項的初始寬度。

value:指定控制項的初始值。

(3)列表框:允許使用者從乙個下拉列表框中個選擇一項或多項,列表框由元素建立,列表框中的各個選項用元素提供。

(4)多行文字輸入控制項:

建立語法如下:

rows:指定文字輸入控制項可視區域現實的文字行數。

cols:指定文字輸入控制項可視區域顯示的寬度。

舉例如下:

效果如下:

Altium Designer 筆記之互動式布局

你可以利用該功能先幫你按原理圖的電路功能塊來進行粗分,最後再來細布局這樣可以大大提高你的布局效率。為了演示需要我們可以先將螢幕垂直分割成兩個顯示區 ad10 支援多顯示器顯示 單擊 window tilevertically 選單可使當前的螢幕分割成兩個顯示區,注意在應用該命令前確保當前只開啟了一張...

Git 之 互動式 rebase

使用 git rebase i 可以進入互動式模式,可以對某一範圍內的提交 進行重新編輯 預設情況下,直接使用 git rebase i 命令的操作物件為自最後一次從 origin 倉庫拉取或者向 origin 推送之後的所有提交。假設我要把 master 上紅色區域的分支合併成乙個提交 首先找到起...

run Ext JS Form 互動式表單

run function else if o.clientvalidation false success function response if result.errors this.form.afteraction this,false afteraction function action,...