表單是瀏覽器和服務(wù)器交流的數(shù)據(jù)入口,表單在瀏覽器中是一個(gè)包含網(wǎng)站建設(shè)表單屬性的區(qū)域,表單屬性是能夠讓用戶在表單中輸入各種類型信息的屬性(比如文本框、密碼框、下拉列表、單選按鈕、復(fù)選框等)。
表單用<form>定義,例如下列代碼定義了一個(gè)文本框表單:
定義" src="/filespath/1449891484.jpg" height="70" width="662">
將以上代碼保存為“form.htm",在瀏覽器中打開,結(jié)果如圖1.10所示。
表單本身并不可見(jiàn)。另外,在多數(shù)瀏覽器中,文本框的寬度默認(rèn)是20個(gè)字符。
最常用的表單標(biāo)簽是<input>。Input的類型用type屬性指定。最常用的input類型解釋如下。
1、單選按鈕
將以上代碼保存為“radio.htm",用瀏覽器打開,結(jié)果如圖1.11所示。
單選按鈕,指多個(gè)選擇框,但只能選擇其中一個(gè)。
2、復(fù)選框
將以上代碼保存為“checkbox.htm",用瀏覽器打開,結(jié)果如圖1.12所示。復(fù)選框,指可以選擇多個(gè)。
3、密碼框
將以上代碼保存為"password.htm ",用瀏覽器打開,結(jié)果如圖1.13所示。
4、下拉列表
將以上代碼保存為“select.htm"用瀏覽器打開,結(jié)果如圖1.14所示。
5、預(yù)選下拉列表
將以上代碼保存為“selected.htm",用瀏覽器打開,結(jié)果如圖1.15所示。
在option中添加“selected ",表示為預(yù)先選擇該頂。這樣下拉列表中默認(rèn)選中的是該項(xiàng)。
6、文本域
將以上代碼保存為"textarea.htm",用瀏覽料打開,結(jié)果如圖1.16所示。其中的rows屬性指行數(shù),cols指一行顯示多少個(gè)字(英文)。
7、按鈕
將以上代碼保存為"submit.htm" ,用瀏覽器打開,結(jié)果如圖1.17所示。
普通按鈕可用于任何地方,提交按鈕只用于表單的提交。
文章內(nèi)容來(lái)源于網(wǎng)絡(luò),侵刪