關於表單(Form)

2021-04-13 00:47:29 字數 1904 閱讀 6181

http協定基本的兩個請求方式為get與post,get請求方式為直接在請求的網址上傳送請求的相關資訊,例如:

get /login.jsp?user=justin

get請求方式由於是直接在網址上傳送請求的相關資訊,所以會在網址列上出現相關的請求資訊,例如:

一些表頭

post資料本體 

在設計表單的時候,可以指定傳送請求的方式為get或post,表單的標籤設定一開始是這樣的:

其中method用來指定傳送請求的方式為get或post,而action用來指定請求的目標,請求的目標可以是jsp、asp、php、cgi程式等等,表單控制項將在以下介紹幾個常用的。

首先是送出按鈕submit與重清按鈕reset,要將表單的內容傳送出去,至少一定要使用submit按鈕,按鈕的value值可以設定按鈕上的文字,例如:

本文框text與密碼輸入框password的外觀是差不多的,差別在於密碼輸入框會使用字元遮罩來隱藏輸入的字元,設定的例子如下:

name屬性即在jsp網頁中可以用來取得請求引數的名稱,另外還可以使用maxlength設定字段最大輸入字元,size可以設定框的大小,而value可以用來設定預設輸入內容,可以設計乙個jsp網頁來測試這個表單的運作:

<%

// id 即 text 中設定的name屬性

string name = request.getparameter("id"); 

// pwd 即 password 中設定的 name 屬性

string password = request.getparameter("pwd");

out.println("接收引數:" + name + ", " + password);

%>

當然要記得,表單是必須在html網頁中才能運作的,記得使用標籤:

輸入內容並按下送出鍵之後,由於是使用get方法,您可以在網址看到相關的資訊:

可以看到的多個引數同時傳送時,使用&符號來聯結。

單選鈕radio與核取方塊checkbox常用於提供固定的選項給使用者點選,它們都擁有checked屬性表示選取,name屬性表示按鈕名稱, value傳送出去的值,即request.getparametervalues("name")所取得的值,例如:

表單傳送方式設定為post,如此傳送的資訊就不會出現在網址列上;單選鈕的name設定為相同的話,表示屬於同乙個群組,一次只能選擇乙個專案,而核取方塊的name設定,其值可以使用request.getparameters()取得,例如設計下面的程式來取得資訊:

<%

string *** = request.getparameter("***");

string skills = request.getparametervalues("skills");

out.println("性別:" + ***);

out.println("技能:");

for(int i = 0; i < skills.length; i++)

%>

下拉式選單也是乙個常用的輸入型態,由於將選項以下拉式選單來表現,可以節省網頁排版的空間,適用於大量選項可以選擇的場合,乙個例子如下:

取得下拉式選單設定值的方法,同樣是使用getparametervalues(),另外下拉式選單也可以使用multiple設定為可複選,而 size 屬性可以用於設定欄位的大小。

最後,輸入型態中還有乙個hidden型態,它不會在瀏覽器上顯示任何元件,但可以設定name與value,主要是用來隱藏一些資訊,在下一次傳送請求時,一併將隱藏的資訊傳送給伺服器。

關於表單(form)設計的學習

一直以來,我發覺自己非常缺乏設計天分,不說網頁色彩搭配,我發覺自己連設計乙個簡單的 整潔的表單都十分吃力。幸運的是,我在學校圖書館發現了 web表單設計 建立高可用性的網頁表單 這本書,因此就如獲至寶認真看起,斷斷續續的把整本書都瀏覽了下。對了,確切地說,這是本設計思想指導的書,不談技術。書本中最讓...

關於form表單提交的問題

1.提交form表單,必須獲取到input裡面的值 2.針對以下 將div裡面的值賦給input,先獲取div的值,在jquery裡面 var typetext this text 然後將typetext放到input中,type val typetext type 是input的id 3.form...

寬度 表單 Form表單

塊級元素和行內元素 1.塊級元素獨佔一行,行內元素在同一行顯示 2.塊級元素預設寬度為100 行內元素由內容撐開 3.塊級元素可以設定寬高,行內元素不可以設定寬高 4.塊級元素可以設定margin和padding和四個方向,行內元素只可以設定margin和padding和左右值,上下不起作用 5.塊...