4表單字段的使用(上).doc

4.表單字段的使用（上）你知道表單的各種字段分別在什么時(shí)候用嗎？現(xiàn)在我們先來(lái)看一下最基本的表單字段：?jiǎn)涡形谋究颉?選擇“插入”菜單的“表單”子菜單，單擊其中的“單行文本框”命令，這時(shí)一個(gè)新的單行文本框就插入到網(wǎng)頁(yè)中了。這種文本框只能接受瀏覽這輸入的單行文本信息，比如可以讓用戶(hù)在這里輸入郵政編碼，為了提示用戶(hù)，我們可以在單行文本框字段前面輸入文本“郵政編碼”。 我們可以改變單行文本框字段的寬度：?jiǎn)螕魡涡形谋究?，這時(shí)在單行文本框的四周就出現(xiàn)了小黑點(diǎn)， 拖動(dòng)小黑點(diǎn)，這時(shí)單行文本框的寬度就改變了。單行文本框的高度和一行文本的高度是一樣的，不能改變。現(xiàn)在我們雙擊文本框，進(jìn)入“文本框?qū)傩浴睂?duì)話(huà)框。 名稱(chēng)字段是“T1”，這是FRONTPAGE默認(rèn)的值，我們把它改為“TEXT1”。寬度里的數(shù)值表示我們可以讓用戶(hù)輸入多少個(gè)字符，因?yàn)猷]政編碼最多六個(gè)數(shù)碼，所以我們?cè)谶@里輸入“6”。 初始值是用來(lái)設(shè)置文本框在瀏覽時(shí)的初始值的，我們輸入“1000”。 再看一下有效性按鈕又是設(shè)置什么的。我們現(xiàn)在單擊“檢查有效性”，這時(shí)就進(jìn)入了“文本框有效性驗(yàn)證”對(duì)話(huà)框。 為了保證瀏覽者輸入信息的有效性，我們可以在這里限制用戶(hù)可以輸入的信息。郵政編碼只可能是數(shù)碼，因此我們?cè)凇皵?shù)據(jù)類(lèi)型”下拉列表中選擇“文本”，并把文本格式的“數(shù)字”選中，這樣用戶(hù)就無(wú)法在文本框中輸入除數(shù)碼以外的其他字符了，單擊“確定”按鈕，選擇“確定”。 這是把網(wǎng)頁(yè)發(fā)布以后看到的內(nèi)容，你看，文本框里出現(xiàn)了我們剛才輸入的默認(rèn)置“100084”。 再插入一個(gè)單行文本框。 我們用它來(lái)輸入密碼，當(dāng)我們輸入密碼時(shí)，密碼并不顯示出來(lái)，而是顯示“*”號(hào)，這樣用戶(hù)就不會(huì)因?yàn)槊艽a的顯示而泄密了。 我們來(lái)看看這是怎么設(shè)置的吧：在普通模式下看一下剛才的密碼框網(wǎng)頁(yè)，雙擊單行文本框，進(jìn)入“文本框?qū)傩浴睂?duì)話(huà)框， 你看，“密碼域”部分的“是”被選中了，這就表示這是一個(gè)密碼單行文本框，我們的輸入就會(huì)在顯示時(shí)變成“*”號(hào)。 單行文本框只可以輸入一行文本，如果瀏覽者要輸入的內(nèi)容有好幾行，就要使用滾動(dòng)文本框了。我們選擇“插入”菜單的“表單”子菜單，單擊“滾動(dòng)文本框”命令，這樣就在網(wǎng)頁(yè)內(nèi)創(chuàng)建了一個(gè)有滾動(dòng)條的文本框。我們雙擊文本框，進(jìn)入“滾動(dòng)文本框?qū)傩浴睂?duì)話(huà)框。 首先我們?yōu)樗鹨粋€(gè)名字，在默認(rèn)狀況下，它的名字是“S1”，這里我們輸入“SCROLL1”?！皩挾取蔽谋究蚩梢栽O(shè)置文本框的可見(jiàn)寬度，我們?cè)谛袛?shù)字段中輸入“5”，單擊“確定”，我們的文本框就變高了， 當(dāng)瀏覽者輸入的文本行數(shù)很多時(shí)，他可以滾動(dòng)文本框的右側(cè)滑塊來(lái)滾動(dòng)文本。 由于在“滾動(dòng)文本框?qū)傩浴睂?duì)話(huà)框里沒(méi)有密碼域選項(xiàng)，所以它無(wú)法設(shè)置成為密碼框。在各種的表單字段的屬性對(duì)話(huà)框中都有“Tab鍵順序”選項(xiàng)。當(dāng)一個(gè)表單里有多個(gè)表單字段時(shí)，在默認(rèn)情況下瀏覽者可以按Tab進(jìn)入下一個(gè)字段，我們可以在“Tab鍵順序”里輸入一個(gè)數(shù)，設(shè)置按Tab時(shí)移動(dòng)的字段數(shù)。就是說(shuō)，滾動(dòng)文本框和單行文本框的區(qū)別就是滾動(dòng)文本框可以輸入多行，但不能設(shè)置為密碼框。 下面我們看一下單選按鈕，單擊“插入”菜單，選擇“表單”選項(xiàng)，單擊“單選按鈕”，一個(gè)新的表單就插入到網(wǎng)了，這個(gè)表單包含一個(gè)單選按鈕， 我們用這個(gè)表單來(lái)讓瀏覽這輸入他們的姓名。在單選按鈕字段和提交字段之間單擊鼠標(biāo)，把插入點(diǎn)放到字段和按鈕之間，按兩次回車(chē)鍵，在表單里新產(chǎn)生兩行，在空白行處單擊鼠標(biāo)，調(diào)整插入點(diǎn)到空行，再插入一個(gè)單選按鈕，并在兩個(gè)單選按鈕后分別輸入“男”和“女”。 我們雙擊“男”單選按鈕，進(jìn)入單選按鈕對(duì)話(huà)框， 每一個(gè)單選按鈕都有一個(gè)組名，表示它屬于哪個(gè)按鈕組，在同一個(gè)按鈕組里的單選按鈕是不能同時(shí)選兩個(gè)以上的，在默認(rèn)情況下組名稱(chēng)叫“R1”，我們?cè)凇敖M名稱(chēng)”文本框里輸入：“RADIO1”。 數(shù)值文本框表示我們選擇當(dāng)前的單選按鈕后，在提交表單時(shí)向WEB服務(wù)器發(fā)送什么值。在這里我們輸入“男”，確認(rèn)“初始狀態(tài)”的“已選”處于選中狀態(tài)，單擊“確定”按鈕。雙擊“女”單選按鈕，類(lèi)似的，將“組名稱(chēng)”設(shè)置為“RADIO1”，“數(shù)值”設(shè)置為“女”，單擊“確定”按鈕。由于我們?cè)谀袉芜x按鈕的屬性對(duì)話(huà)框中設(shè)置它的初始狀態(tài)是“已選”，所以“男”單選按鈕初始狀態(tài)是選中的，現(xiàn)在我們單擊“提交”按鈕，“RADIO1”組發(fā)往服務(wù)器的值就是“男”。 用復(fù)選框就可以實(shí)現(xiàn)多選多。選擇“插入”菜單的“表單”命令，單擊“復(fù)選框”命令。 繼續(xù)向表單里插入復(fù)選框，并為復(fù)選框添加選項(xiàng)卡得到這樣的結(jié)果（選擇愛(ài)好，包括：音樂(lè)、體育和其他）。如上圖。雙擊”音樂(lè)“復(fù)選框，進(jìn)入“復(fù)選框?qū)傩浴睂?duì)話(huà)框。 沒(méi)有“組名稱(chēng)”。由于復(fù)選框在選擇時(shí)不會(huì)相互影響，所以復(fù)選框都是相互獨(dú)立的，不用分組。他們?cè)谔峤粫r(shí)都分別向服務(wù)器發(fā)送值，而單選框一組只發(fā)送一個(gè)值。我們?cè)诿Q(chēng)里輸入“CHECK1”，同樣的方法把其他兩個(gè)復(fù)選框的名稱(chēng)設(shè)置為“CHECK2” 和“CHECK3”。 在“值”文本框里的“ON”表示在復(fù)選框選中的情況下，復(fù)選框向服務(wù)器發(fā)送“ON”。這是網(wǎng)頁(yè)發(fā)布以后在瀏覽器里看到的結(jié)