表單:
? 表單是什么其馏?--表單不是表格
? ? ? 用戶可以在其中提供一些數(shù)據(jù)或信息或選項的html元素簇捍。表單通常有一個“提交”的按鈕罐寨,然后將這些數(shù)據(jù)或信息或選項提供給服務(wù)器上的程序使用--數(shù)據(jù)處理。
? ? ? 表單的核心是數(shù)據(jù)。
表單標簽的構(gòu)成和形式:
? ? ? <form? action=“將本表單中的數(shù)據(jù)提交給的對象(是一個php文件名而已)”? method="post">
? ? ? ? ? ? ? ? 第一個表單項。
? ? ? ? ? ? ? ? 第二個表單項。
? ? ? ? ? ? ? 。啃奴。。雄妥。最蕾。。老厌。
? ? ? ? </form>
有哪些表單項瘟则?
? 單行文本框:<input? type="text"? name="n1"/>
? ? ? ? ? ? ? ? ? value:設(shè)定其中的初始文字
? ? ? ? ? ? ? ? ? ? size:設(shè)置其輸入框的寬度(單位是“字符寬”)--其中能放置該數(shù)量的字符
? ? ? ? ? ? ? ? ? ? maxlength:設(shè)置該輸入框最多能輸入的字符個數(shù)
? ? ? ? ? ? ? ? ? ? readonly:這是一個“無值”屬性,表示“只讀”梅桩,則寫法是readonly=“readonly”
? ? ? ? ? ? ? ? ? ? disable:設(shè)置該輸入框“無效”
? ? 單行文本項:<input? type="text"? name="n"/>
? ? ? 密碼框:<input? type=''password''? name=''n2''/>
? ? 其他屬性:
? ? value:設(shè)定其中的初始文字
? ? size:設(shè)置其輸入框的寬度(單位是“字符寬”)——其中能放置該數(shù)量的字符
? ? maxlength:設(shè)置該輸入框最多能輸入的字符個數(shù)
? 單選項:<input type=”radio” name=”n3” value=”某個值” />
說明:單選項通常必須有value值壹粟;
其他屬性:
checked: 表示該選項默認是選中的狀態(tài)。也是一個“無值屬性”
name特別說明:一組的單選項要求name值必須相同宿百。
多選項:<input type=”checkbox” name=”n4” value=”某值” />
說明:多選項通常必須有value值;
其他屬性:
checked: 表示該選項默認是選中的狀態(tài)洪添。也是一個“無值屬性”
提交按鈕:<input type=”submit” name=”n5” value=”提交文字” />
說明:點擊提交按鈕垦页,則表單就會“被提交”,即數(shù)據(jù)會傳入到表單的action所設(shè)定的文件中去干奢。
圖片按鈕:<input type=”image” name=”n6” src=”圖片地址” />
說明:圖片按鈕的功能其實也是“提交”痊焊,但其顯示出來的效果是一張圖片——這樣有利于美化頁面。
重置按鈕:<input type=”reset” name=”n7” value=”重置文字” />
說明:會將表單的所有用戶填寫或選擇的數(shù)據(jù)恢復(fù)到初始狀態(tài)
普通按鈕:<input type=”button” name=”n8” value=”文字” />
說明:對表單沒有影響,但可以從中產(chǎn)生“動作”以實現(xiàn)其他要求(js程序)
文件域:<input type=”file” name=”n9” />
說明:可以讓用戶選擇本地的文件(并發(fā)送到服務(wù)器)——文件也是數(shù)據(jù)薄啥。
隱藏域:<input type=”hidden” name=”n10” />
說明:界面上不可見辕羽,但是作為一份“隱藏的數(shù)據(jù)”提交給服務(wù)器——編程所需。
下拉選擇:使用select和option標簽配合實現(xiàn)垄惧。但要把此當作“一個表單項”
<select name=”n11” multiple=” multiple” >
<option value=”1” >文字1</option>
<option value=”2” selected=”selected” >文字2</option>
<option value=”3” >文字3</option>
………………….
</select>
說明:
option標簽上可以使用selected屬性刁愿,表明該select元素的默認選中的項(默認是第一項被選中)。
select標簽上可以使用multiple屬性到逊,使該select元素可以“選擇多項”(即默認只能選一個)
多行選項(也叫列表選項):多行選項其實只是下拉選擇的一種“變形”——設(shè)置其size值大于等于就會成多行铣口。
<select name=”n12” size=”4”>
<option value=”1” >文字1</option>
<option value=”2” >文字2</option>
<option value=”3” >文字3</option>
………………….
</select>
多行文本框:<textarea name=”n13” rows=”行數(shù)”? cols=”列數(shù)”></textarea>
說明:
rows設(shè)定的行數(shù)是一個數(shù)字,表示該多行文本框可以顯示的文字的行數(shù)
cols設(shè)定的列數(shù)是一個數(shù)字觉壶,表示該多行文本框可以顯示的一行文字中個數(shù)
此標簽沒有value屬性脑题。但其實際的“值”是放在此標簽中間的所有內(nèi)容。
注意:表單項都必須有name屬性铜靶,以表明其“名字”——服務(wù)器取其中的數(shù)據(jù)就是憑此名字叔遂。
將文字和選項綁為一體<label>.............................</label>