表單
web表單的功能是讓瀏覽者和網(wǎng)站有一個(gè)互動(dòng)的平臺(tái)。web表單主要用來(lái)在網(wǎng)頁(yè)中發(fā)送數(shù)據(jù)到服務(wù)器。
(1)創(chuàng)建表單
使用表單元素,并在其中插入相關(guān)的表單元素,即可創(chuàng)建一個(gè)表單。表單結(jié)構(gòu)如下:
<form name ='form_name' method ='method' action ='url' enctype ='html' target='_blank'>value' target ='target_win'>... //省略要插入的表單元素</form>
form標(biāo)記的屬性如下表所示:
其中 target的屬性值如下表所示:
注意:
GET方法是將表單內(nèi)容附加在URL地址后面發(fā)送;POST方法是將表單內(nèi)容作為一個(gè)數(shù)據(jù)塊發(fā)送到服務(wù)器上的處理程序中,在瀏覽器的新西蘭中不顯示表單的信息,method的默認(rèn)方法為GET。
(2) 表單元素
常見(jiàn)的表單元素有一下這幾種標(biāo)記:輸入域標(biāo)記<input>, 選擇域標(biāo)記 <select>和<option>,文字域標(biāo)記<textarea>
a) 輸入標(biāo)記域<input>
語(yǔ)法格式如下:
<form><input name ='file_name' type = 'type_name'></form>
參數(shù)name是指輸入域的名稱(chēng),參數(shù)type是指輸入域的類(lèi)型。用戶所選用的類(lèi)型由type決定。type類(lèi)型列表如下:
b) <select>和<option>
通過(guò)選擇域標(biāo)記<select>和<option>可以建立一個(gè)列表或者菜單。菜單的使用是為了節(jié)省空間,正常狀態(tài)下只能看到一個(gè)選項(xiàng),單擊右側(cè)的下三角按鈕打開(kāi)菜單后才能看到全部的選項(xiàng)。列表可以顯示一定數(shù)量的選項(xiàng),如果超過(guò)了這個(gè)數(shù)量,會(huì)自動(dòng)出現(xiàn)滾動(dòng)條,瀏覽者可以通過(guò)拖動(dòng)滾動(dòng)條來(lái)查看各選項(xiàng)。
語(yǔ)法格式如下:
<select name = 'name' size = 'value' multiple><option value = 'value' selected>選項(xiàng)1</option><option value = 'value' selected>選項(xiàng)2</option><option value = 'value' selected>選項(xiàng)3</option>...</select>
參數(shù)name表示選擇域的名稱(chēng),size表示列表的行數(shù),參數(shù)value表示菜單選項(xiàng)值,參數(shù)multiple表示以菜單方式顯示數(shù)據(jù),省略則以列表方式顯示數(shù)據(jù)。
c) 文字域標(biāo)記<textarea>
文字域標(biāo)記<textarea> 用來(lái)制作多行的文本域,可以在其中輸入更多的文本。語(yǔ)法格式如下:
<textarea name ='name' rows = value cols = value value = 'value' warp = 'value'>...//文本內(nèi)容</textarea>
參數(shù)name 表示文字域的名稱(chēng),rows表示文字的行數(shù),cols表示文字的列數(shù)(這里rows和cols都是以字符為單位)value表示文字域的默認(rèn)值,wrap用于設(shè)定顯示和送出時(shí)的換行方式,值為off表示不自動(dòng)換行,值為hard表示自動(dòng)硬回車(chē)換行,換行標(biāo)記一同被發(fā)送到服務(wù)器,輸出時(shí)也會(huì)換行, soft表示自動(dòng)軟回車(chē)換行,換行標(biāo)記不會(huì)發(fā)送到服務(wù)器,輸出時(shí)仍然是一列。
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選